Div spørgsmål

Her kan du stille og svare på spørgsmål omkring CSS
Besvar
cristian
Moderator
Moderator
Indlæg:882
Tilmeldt:26. sep 2011, 21:31
Kontakt:
Div spørgsmål

Indlæg af cristian » 6. jan 2013, 16:39

Er igang med en JSP (java) side, hvor jeg har et stylesheet som følger (udsnit)

Kode: Vælg alt

#ContentWrapperOne {
    margin-top: 1%;
    width: 50%;
    margin: 0px auto;
}
Ved siden af denne div kunne jeg godt tænkte mig at placere en anden div.

Kode: Vælg alt

#menuWrapper {
    width: 14%;
    height: 100%;
    border: 1px solid red;
    float:left;
    margin-left: 11%;
}
Problemet er. At mine to divs bliver placeret ved siden af hinanden, men menu div'en bliver placeret nogle få pixels højere end den anden.

Spørgsmål. Hvordan kan man få dem til at flugte i højden? Så de ikke bliver forskudt af hinanden.

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Div spørgsmål

Indlæg af ThomasI » 6. jan 2013, 18:41

Altså den ene har jo en topmargin som den anden ikke har... derfor vil den ene jo altid være placeret lidt længere nede end den anden :)

cristian
Moderator
Moderator
Indlæg:882
Tilmeldt:26. sep 2011, 21:31
Kontakt:

Re: Div spørgsmål

Indlæg af cristian » 6. jan 2013, 20:22

ThomasI skrev:Altså den ene har jo en topmargin som den anden ikke har... derfor vil den ene jo altid være placeret lidt længere nede end den anden :)
:D :D :D :D

Anyways. Hvis jeg giver dem begge en margin på 1% så ender min menu div længere nede end den centeret div. Er margin-top:1%; i forhold til det over læggende element?

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg:709
Tilmeldt:21. jun 2012, 23:40
Kontakt:

Re: Div spørgsmål

Indlæg af scootergrisen » 7. jan 2013, 07:39

Din margin-top bliver overskrevet 2 linier nede med margin så den har ikke nogen margin-top.

Prøv og kom med et link.

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Div spørgsmål

Indlæg af ThomasI » 7. jan 2013, 16:21

Prøv at smid det ind i http://cssdesk.com/ og send os et link... Så kan vi lege med det ;)

Besvar