Hallo,

Ik heb nu een goede CSS file, maar IE verneuqt 'm zo erg. Kijk maar eens:
FF:

IE:

Dit is mijn CSS:

html, body, div {
    margin: 0px;
    padding: 0px;
    font-family: Tahoma, Arial, Verdana;
    font-size: 10px;
    text-align: justify;
    color: #000000;
}
p {
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Tahoma, Arial, Verdana;
    font-size: 10px;
    text-align: justify;
    color: #000000;
}
img {
    border: 0px;
}
body {
    background-color: #2C78E9;
    background-image: url("pics/blauw/body.achtergrond.jpg");
    background-repeat: repeat;
    background-position: 0px 0px;
}
#body {
    margin: 50px auto;
    width: 627px;
}
#body #logo {
    background-image: url("pics/blauw/logo.achtergrond.jpg");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 627px;
    height: 139px;
}
#body #small {
    background-color: transparent;
    background-image: url("pics/blauw/small.achtergrond.jpg");
    background-repeat: repeat-y;
    background-position: 0px 0px;
    width: 627px;
    padding-left: 1px;
}
#body #small #menu {
    background-color: transparent;
    background-image: url("pics/blauw/menu.achtergrond.jpg");
    background-repeat: repeat-y;
    background-position: 0px 9px;
    width: 545px;
    height: 23px;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
    line-height: 13px;
}
#body #small #menu p {
    margin: 0px;
    padding-bottom: 13px;
    font-size: 13px;
    text-align: center;
    color: #FFFFFF;
}
#body #small #menulijn {
    background-color: transparent;
    background-image: url("pics/blauw/menu.lijn.jpg");
    background-repeat: repeat-y;
    background-position: 0px 0px;
    width: 545px;
    height: 3px;
    margin-left: auto;
    margin-right: auto;
}
#body #small #content {
    background-color: transparent;
    background-image: url("pics/blauw/content.achtergrond.jpg");
    background-repeat: repeat-y;
    background-position: 0px 0px;
    width: 545px;
    margin-left: auto;
    margin-right: auto;
}
#body #copyright {
    background-color: transparent;
    background-image: url("pics/blauw/copyright.achtergrond.jpg");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 627px;
    height: 31px;
}
#body #copyright p {
    margin: 0px;
    padding-bottom: 9px;
    font-size: 9px;
    text-align: center;
    color: #000000;
}
#body #logos {
    background-color: transparent;
    width: 627px;
    height: 31px;
}
#body #logos p {
    margin: 0px;
    padding-bottom: 9px;
    font-size: 9px;
    text-align: center;
    color: #000000;
}

En dit is de pagina:
http://phphulp.jonathanhogervorst.com/zegnuzelf/blauw.php
Weet iemand hoe ik dit ook Valid IE CSS kan maken?
Het belangrijkste is: hoe centreer je een div horizontaal in IE?

Groeten,
Jonathan
Ik gebruik gewoon een IE / FF hack, alleen weet ik 'm zo snel niet uit mijn hoofd.
@marthijn: bedankt!!!
@arend: als je 'm weet, post/pm je m dan ff???
Vraag Jan Koehoorn ff.... :P
T is heel makkelijk:

Stap 1: Zet alles in een center (<body><center>allesopdepagina</center></body>)

Stap 2: Zet alles in een table (<body><center><table border="0" cellspacing="0" cellpadding="0" align="center" width="OPGEVEN"><tr><td>allesoppagina</td></tr></table></center></body>)

Stap 3: Done!

Als nodig, maak dan nog een extra table zodat niet alles gecentreerd is. En vul nog ff de width in bij stap 2 in de table. als je uitleg nodig hebt, post t dan ff.
Maar tabellen zijn niet voor layouts... Mja, ik zal kijken of ik er verder mee kom. Wel bedankt!!!
Ik weet het maar het is een handig hulpmiddel. De gebruiker kan het wel in de bron zien maar velen kunnen geen websites maken en zullen dus ook niet begrijpen hoe dit kan.
En de center tag hoort ook niet...

gewoon een grote div er om heen, alle margins en paddings op 0 en text-align op center.
Jonathan Hogervorst schreef op 15.08.2006 14:28
@marthijn: bedankt!!!
@arend: als je 'm weet, post/pm je m dan ff???


Heb je google er al is op los gelaten op het zoekkriterium IE hack?

Ik weet zeker dat je er tig gaat krijgen met een passende oplossing :)
ik heb t:
min-width: 627px;
text-align: center;

Reageren