[CSS]gecentreerde enkele kolom

Pagina: 1
Acties:

  • Shaidar
  • Registratie: September 2001
  • Laatst online: 06-01 14:43
Ik heb de volgende code op m'n websiite (wel vereenvoudigd)

index.html
code:
1
2
3
4
5
6
7
8
<html>
<head>...</head>
<body>
<div class="column">
 ...
</div>
</body>
</html>


style.css:
code:
1
2
3
4
5
6
7
8
9
body {
    padding: 0;
    margin: 0;
    }

#column {
    width: 500px;
    margin: 20px auto;
    padding: 0;


Dat lijkt me toch he-le-maal correct?

En in Firefox staat m'n website ook mooi gecentreerd, maar Internet Explorer denkt daar anders over, die plakt de "column" helemaal tegen de linkerkant...

Iemand enig idee hoe dat ik dat oplos? Als ik een "text-align="center" aan de body toevoeg in de CSS, dan staat de kolom wél ook in het midden in IE, maar dat is toch geen mooie oplossing? (want dan moet ik voor alle andere tags een text-align="left" toevoegen! )

Ziet er iemand wat ik fout doe, waarom IE dit niet wil begrijpen?

Linkje: http://weyland.be

[ Voor 3% gewijzigd door Shaidar op 18-10-2006 13:20 ]

 iPhone 12 Pro 128GB  MacBook Pro (13-inch, 2020, i7, 16GB, 1TB)


  • user109731
  • Registratie: Maart 2004
  • Niet online
De comment voor je doctype duwt IE6 in quirksmode, en dan rekt de body zo te zien mee met de content die erin staat :) De mooiste plossing is dus die comment weghalen, sowieso is een IE in quirksmode niet erg handig (boxmodel verschillen ed).

[ Voor 23% gewijzigd door user109731 op 18-10-2006 13:41 ]


  • Shaidar
  • Registratie: September 2001
  • Laatst online: 06-01 14:43
Serieus!!!

En ik was er al zo lang op aan het zoeken! Dankjewel, want dat het ik zellef nooit gevonden ...

 iPhone 12 Pro 128GB  MacBook Pro (13-inch, 2020, i7, 16GB, 1TB)