[CSS] Centreren, IE niet - MOZ wel :?

[kleautviool]

Ik ben dus een pagina aan het maken waarbij ik een container-div wil centeren. Dit heb ik op de volgende manier gedaan:

Cascading Stylesheet:

    div.pageContainer {
        position: relative;
        margin: 0 auto;
        width: 722px;
    }

Nu wordt dit in Mozilla Firebird gewoon prima weergegeven, alleen IE doet moeilijk. In IE wordt de container links uitgelijnd. Wat doe ik nu verkeerd om toch die container ook in IE gecentreerd te krijgen?

Het probleem staat hier.

[dominic]

Voor zover ik kan zien heb je niet opgegeven dat de class pageContainer gecentreerd uitgelijnd moet worden..

Datie dit wel in MOZ doet vind ik vreemd, omdat het in de class zelf niet opgegeven is.. Maar dit zal wel met de parent van deze div te maken hebben..

[kleautviool]

Huh In mijn css staat hetzelfde als in mijn post hierboven. Daarin centreer ik de container toch?

[crisp]

voor IE moet je nog een text-align:center op je body (of wat de parent van deze div is) zetten.
Als dat onwenselijk is zou je ook nog deze manier van centreren kunnen gebruiken:

Cascading Stylesheet:

div.pageContainer {
  position: absolute;
  width: 722px;
  top: 0px;
  left: 50%;
  margin-left: -361px;
}

[kleautviool]

text-align: center had ik al geprobeerd om op de body te doen, maar dan wordt de regel 'Welkom' en het email adres ook gecentreert weergegeven. Om dat op te lossen had ik de address en h3 tag al links uitgelijd, maar dat werkte ook niet.

[Justice]

Cascading Stylesheet:

body {
text-align:center;
}

div#content {
margin:0 auto;
width:720px;
position:relative;
text-align:left;
}

div#footer {
width:100%;
text-align:left;
}

Hiermee heb je dus een pagecontainer div (#content) die gecentreerd in het midden van je pagina staat waarbij de inhoud ervan links uitgelijnt is. En een footer die links uitlijnt. (of centreert over de hele pagina

[ Voor 18% gewijzigd door Justice op 29-11-2003 13:23 ]

[kleautviool]

Werkt i.d.d. bedankt.

Wel vaag trouwens, dacht dat ik dat al geprobeerd had Blijkbaar niet dus

Thnx anyway!