Gå til innhold

Sentrere flere divs

????????

Anbefalte innlegg

????????

????????

Skrevet
Skrevet

Hei,

er det noen som har et tips til hvordan jeg løser dette:

 

Jeg trenger tre div bokser, en header og to under den (Se bildet).

div.gif

 

Poenget er at alt skal være sentrert. Div 2 og 3 trenger ikke å være like lange, da lengden på de bestemmes av innholdet.

 

Har testet litt forskjellig, men når det stemmer i IE så stemmer det ikke i FF :S

 

Noen som har noen tips?

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
PT

PT

Skrevet
Skrevet

Putt alt inn i en moder-div og skriv følgende i cssen din:

body {
text-align: center; /* fiks for mange eldre nettlesere som ikke støtter den egentlige metoden */
}

#moderdiv {
margin: 0 auto; /* her skjer magien */
width: 800px; /* endre til bredde for div 2 + div 3 */
text-align: left;
}

Med forbehold om grove feil :p

Lenke til kommentar
Orbo

Orbo

Skrevet
Skrevet (endret)

Skal vi se.

CSS

body, html {
text-align: center;
}

div#wrap {
width: 700px;
height: auto;
margin: 0 auto;
}

div#div1 {
width: 700px;
height: 200px;
}

div#div2 {
width: 200px;
height: 400px;
float: left;
}

div#div3 {
width: 500px;
height: 400px;
float: right;
}

 

HTML

<html>
<body>
<div id="wrap">
<div id="div1">
</div>
<div id="div2">
</div>
<div id="div3">
</div>
</div>
</body>
</html>

 

Trur dette skal fungere.

 

Edit: For sein :ohmy:

Endret av BaX
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...