Avatar billede nc85 Nybegynder
16. december 2004 - 09:43 Der er 10 kommentarer

hvordan får jeg divs til dette?

HeY eksperter!

Prøv lige at tage et kig på www.bindingsvaerket.dk/index2.htm

Så vil man kunne se en <div> under menuen, men det ligger sig ikke i midten, selvom jeg får den til at passe med det hele, så nr man sidder med en skærm der er anderledes en min vil det rykke sig så det ikke passer med toppen og menuen!

Altså hele designet skal være centeret med DIV's - men hvordan får jeg dem til at ligge så de står centreret uanset ens skærmstørrelse!???
Avatar billede sw_red_6 Nybegynder
16. december 2004 - 10:08 #1
har du prøvet med <div align="center"> ?
Avatar billede sw_red_6 Nybegynder
16. december 2004 - 10:12 #2
nej lige meget jeg kiggede ikke på din source før jeg spurgte, hvilket jeg måske nok skulle have gjort. Du har lavet den <div> uden for din <table>, derfor ved den ikke hvor stor siden er og kan derfor ikke blive centreret. Jeg vil endda foreslå at du laver din <table> med width = 100% eller sådan noget da det gør at størrelsen af din side er afhængig af hvor stor browser vinduet er.
Avatar billede sbm Nybegynder
16. december 2004 - 10:29 #3
Forslag. (ikke testet)

<div id="wrapper" align="center" valign="center" style="position: absolute; width: 100%; height: 100%;">
    <DIV id="middle" style="position: relative; height: 100px; width: 100px; background-color: #aaaaaa;">hej</DIV>
</div>

Du laver et layer der i princippet fylder det hele. 100% x 100%. Den er absolut placeret. Den har centrering på sit indhold. Både vandret og vertikalt. Herinde lægger du så dit andet layer, med en relativ positionering i forhold til den yderste.
Avatar billede lyf Nybegynder
16. december 2004 - 10:42 #4
Nu går jeg ikke udfra, at du vil have det centreret vertikalt, og i så fald ville det letteste nok være at lave en container der centrerer det hele.

<div id="centerContainer">
din side
</div>

#centerContainer {
margin: 0 auto 0 auto;
width: 764px; /* det bredeste på din side formoder jeg */
}
Avatar billede skovenborg Nybegynder
16. december 2004 - 10:44 #5
Det ser ud til du bare skal have centereret div'en under menuen horinsontalt:
#middle {
margin: 0px auto;
    padding:45px 0 45px 44px;
    width: 706px;
    background-image:url(../images/grey_top.gif);
}
margin:0px auto; har den egenskab at den selv regner margin ud til højre og venstre, så de bliver lige store (hvilket medfører en centrering).

Og det skal lige siges at vertical-align på alle andre elementer end tabeller har en helt anden betydning, nemlig den lodrette placering en linie (vil påvirke fx tekst) og ikke i hele elementets indhold.
Avatar billede lyf Nybegynder
16. december 2004 - 10:49 #6
skovenborg, hvordan er rækkefølgen i margin i dit eksempel. Altså, normalt er det jo margin: top right bottom left; men hvad med din?
Avatar billede skovenborg Nybegynder
16. december 2004 - 10:52 #7
det samme - bare en genvej. Man kan nemlig skrive margin på flere forskellige måder:
margin: top right bottom left; - den normale
margin: top/bottom right/left; (ex margin:0px auto;)
margin: top right/left bottom; (ex margin:10px 50px 20px;)
Avatar billede sw_red_6 Nybegynder
16. december 2004 - 10:52 #8
hvis jeg ikke tager helt fejl kan man godt nøjes med at skrive to af siderne hvis de andre sider skal være det samme "margin: 0px auto;". eller hvis det skal være det samme hele vejen rundt kan man nøjes med at skrive det en gang "margin: 0px;"
Avatar billede nc85 Nybegynder
16. december 2004 - 11:46 #9
jeg siger mange tak for hjælpen, og prøver med noget af det i har skrevet her! :) - Så hvis alle lige ligger et svar
Avatar billede sw_red_6 Nybegynder
16. december 2004 - 11:48 #10
der er vel ingen grund til et svar før du har fået det til at virke, eller...?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester