Midtstille en div box.. (horizontal-align: middle)

[morten_l]

Heisann!

 

Skal gjøre noe så enkelt som å midtstille en div box.

Boksen har annen bakgrunnsfarge en resten av siden, inneholder bilder, og må ha en bredde på 970px. Den skal midtstilles uansett skjermoppløsning, og det er der problemet ligger.

 

Koden burde jo sett slik ut:

 horizontal-align: middle;

men det nytter tydligvis ikke..

.pictbox
{
   position: absolute;
   width: 970px;	
   height: 150px;
   margin: 10px;
   top: 200px;
   background-color: black
}

Noen forslag ?

[JohnRichard]

#div {
 background: #000;
 margin-left: auto;
 margin-right: auto;
 width: 970px;
}

Endret 26. august 2004 av JohnRichard

[Haraldson]

body { 
text-align:center; /* IE5-hack */
}

#div {
margin:0 auto; /* 0 er på de horisontale sidene, auto er på de vertikale */
}

 

Edit: Du må i tillegg ha text-align:left; på diven med innhold. Jeg tenker da på tekst og bilder.

Endret 26. august 2004 av Mr.Berg

[haugsand]

Jeg har laget en artikkel med grundigere forklaringer om emnet.

[slimboy]

Jeg har laget en artikkel med grundigere forklaringer om emnet.

Very nice, fortsett med det der