[résolu]Différence entre ie6, opera, gecko et khtml

Accueil Forum -> css

Voir le sujet précédent :: Voir le sujet suivant

Auteur

Message

maddoc
frontpage mioche

[résolu]Différence entre ie6, opera, gecko et khtml , Posté le: 04-01-2004 18:35

Bonsoir,

Toujours mes problèmes d'apparence sous les différents navigateurs, à l'adresse suivante: http://mad-doc.ifrance.com/mad-doc/baddesign/ [http://mad-doc.ifrance.com/mad-doc/baddesign/], vous trouverez une page qui s'affiche tel que je le souhaite (pour l'instant) sous ie6 et sous opera. Mais sous gecko et khtml, il apparaît une zone du couleur de fond de la page au lieu d'être du couleur du div associé (mainContainer).

Voici les sources du fichier html ainsi que du fichier css :

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">

</style>
</head>
<body>
<div id="mainContainer">
<div id="header">header</div>
<div id="container">
container 0<br/>container 1<br/>container 2<br/>container 3<br/>
container 4<br/>container 5<br/>container 6<br/>container 7<br/>
container 8<br/>container 9<br/>container 10<br/>container 11<br/>
container 12<br/>container 13<br/>container 14<br/>container 15<br/>
container 16<br/>container 17<br/>container 18<br/>container 19<br/>
</div>
<div id="menu">menu</div>
<div id="compliant">compliant</div>
<div id="footer">footer</div>
</div>
</body>
</html>

Code:

body {
font:10pt/14pt verdana;
}
#mainContainer {
width:760px;
margin-left:auto;
margin-right:auto;
background-color:#9DAEE8;
}
#header {
width:760px;
height:80px;
z-index:1;
background-color:#B8C8FE;
background-image:url(background/header.gif);
}
#container {
margin:0px;
float:right;
width:547px;
min-height:310px;
z-index:1;
background-color:#CC0000;
}
#menu {
width:210px;
height:230px;
z-index:1;
background-color:#B8C8FE;
background-image:url(background/menu.gif);
}
#compliant {
width:210px;
height:80px;
z-index:1;
background-color:#B8C8FE;
background-image:url(background/compliant.gif);
}
#footer {
float: right;
width:760px;
height:40px;
z-index:1;
background-color:#9DAEE8;
}

Si vous avez une idée je suis preneur...

D'avance merci

Maddoc