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
div centreren?

margin-left: auto;
margin-right: auto
@php newbie: werkt niet in ie
!important

Reageren