Alignement div en CSS sur Chrome, FF et IE 7 sur Windows XP

Question

J'ai des problèmes d'alignement des divs.

Ma mise en page se compose d'une division view_central qui contient trois autres divisions, à savoir view_central_top , view_central_left et view_central_right . Chrome et FF donnent le résultat souhaité: une div div avec un bannner, la navigation à gauche et le contenu à droite.

IE 7 compense le contenu div view_central_right 10 px sur haut, couvrant ainsi une partie de la bannière div view_central_top .

Le code CSS ressemble à ceci:

.view_central
{
    position: relative;
    width: 827px;
    height: 100%;
}

.view_central_top
{
    position: absolute;
    top: 0xp;
    left: 0px;
    height: 118px;
    width: 828px;
}

.image_borderless
{
    border: 0px none;
}

.view_central_left
{
    position: relative;
    left: 0px;
    top: 118px;
    width: 187px;
    height: 683px;
    background: #C7D2EB;
    font-size: 11px;
}

.view_central_right
{
    position: relative;
    left: 0px;
    top: 118px;
    width: 640px;
    height: 683px;
    background: #FFFFFF;
}

Quelqu'un peut-il m'aider? Merci.

Answer 1

Ma première pensée - le remplissage ou les marges dépendants du navigateur. Une réinitialisation CSS (au moins pour les éléments div ) pourrait être utile d'essayer.