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