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

Pagina: 1
Acties:

  • kleautviool
  • Registratie: Mei 2003
  • Laatst online: 21-05 19:24
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:
1
2
3
4
5
    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
  • Registratie: Juli 2000
  • Laatst online: 08-02 14:55

dominic

will code for food

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..

Download my music on SoundCloud


  • kleautviool
  • Registratie: Mei 2003
  • Laatst online: 21-05 19:24
Huh :? In mijn css staat hetzelfde als in mijn post hierboven. Daarin centreer ik de container toch?

  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

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:
1
2
3
4
5
6
7
div.pageContainer {
  position: absolute;
  width: 722px;
  top: 0px;
  left: 50%;
  margin-left: -361px;
}

Intentionally left blank


  • kleautviool
  • Registratie: Mei 2003
  • Laatst online: 21-05 19:24
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
  • Registratie: Maart 2001
  • Laatst online: 07-08-2025
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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 ]

Human Bobby


  • kleautviool
  • Registratie: Mei 2003
  • Laatst online: 21-05 19:24
Werkt i.d.d. bedankt.

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

Thnx anyway! ;)
Pagina: 1