Bonjour les alsatiens ou alsaciens !
oui je sais c'est pas très fin !
Bon j'en viens au fait, il s'agit d'une différence d'affichage entre IE et FF,
Une espèce de margin top vient se mettre entre mon titre H1 et mes deux DIV juste en dessous et c'est pas beau, et surtout je ne comprends pas pourquoi (c'est le pire).
Lien pour illustrer le désastre: LE LIEN
voici le CSS:
et le code de la page:
Modifié par xgregx (19 Jul 2005 - 11:05)
oui je sais c'est pas très fin !
Bon j'en viens au fait, il s'agit d'une différence d'affichage entre IE et FF,
Une espèce de margin top vient se mettre entre mon titre H1 et mes deux DIV juste en dessous et c'est pas beau, et surtout je ne comprends pas pourquoi (c'est le pire).
Lien pour illustrer le désastre: LE LIEN
voici le CSS:
h1{
background: url(../img/flamme.gif) no-repeat bottom left blue;
margin-left: 10px;
padding-left: 20px;
color: #F6662A;
font-familt: verdana;
font-weight: bold;
font-size: 13px;
}
.para{
width: 550px;
height: 300px;
border: 1px solid #333;
background:#FFA842;
color: #333;
}
div#contenu{
width: 800px;
color: #8D0000;
background: red;
}
div#cg{
position: absolute;
left: 0;
width: 200px;
height: 100%;
color: #fff;
background: black;
}
div#cd{
margin-left: 210px;
width: 590px;
height: 100%;
color: #8D0000;
}
et le code de la page:
<body>
<div id="tete"><span><h1>France sécurité protect</h1></span></div>
<div id="header">
<ul>
<li><a href="index2.php">Accueil</a></li>
<li><a href="presentation.php">Présentation</a></li>
<li><a href="activites.php">Nos Activités</a></li>
<li><a href="contact.php">Contact</a></li>
<li><a href="credits.php">Crédits</a></li>
</ul>
</div>
<div id="contenu">
<h1 class="titre">Accueil</h1>
<div id="cg"><p>Gauche</p></div>
<div id="cd"><p class="para">Droite</p></div>
</div>
<div id="pied">
<p>Pied</p>
</div>
</body>
</html>Modifié par xgregx (19 Jul 2005 - 11:05)
