Bonjour ! pour mon premier post... un problème de rendu sur ces 2 navigateurs, je m'explique :
d'abord le CSS :
ma page HTML :
Sur firefox, les div "menu_g" et "centre" sont superposées (le tout dans la div "global").
Sur IE, la div "menu_g" est bien positionnée à gauche, la div "centre" est collée à droite de "menu_g" (c'est ce que je veux), le tout dans "global".
Donc j'aimerais avoir le rendu IE sur firefox... si je modifie mes marges, le rendu Firefox est OK mais du coup, le rendu IE n'est plus le même.
Comment faire? merci !
Modifié par ouhare (27 Oct 2009 - 00:59)
d'abord le CSS :
html {
font-size: 100%;
}
body {
margin: 0;
padding: 0;
color: black;
background: white;
text-align:center;
}
div#global {
background: url('./fond.gif') no-repeat;
border:1px solid black;
margin:10px auto;
height:768px;
width:1024px;
text-align:left;
}
div#menu_g {
border:1px solid black;
width:200px;
height:100%;
float:left;
}
div#centre {
border:1px solid black;
width:500px;
height:100%;
}
ma page HTML :
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="global">
<div id="menu_g">
</div>
<div id="centre">
</div>
</div>
</body>
</html>
Sur firefox, les div "menu_g" et "centre" sont superposées (le tout dans la div "global").
Sur IE, la div "menu_g" est bien positionnée à gauche, la div "centre" est collée à droite de "menu_g" (c'est ce que je veux), le tout dans "global".
Donc j'aimerais avoir le rendu IE sur firefox... si je modifie mes marges, le rendu Firefox est OK mais du coup, le rendu IE n'est plus le même.
Comment faire? merci !
Modifié par ouhare (27 Oct 2009 - 00:59)