Je viens de faire le gabarit rudimentaire d'une page en css.
Alors que tout se passe bien sur IE, un de mes div disparait sur firefox.
Voici mon code:
Code : Tout sélectionner
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
.conteneur {
background-color:gray;
width:604px;
margin-top:60px;
margin-left:105px;
}
.foto {
background-color: green;
height: 140px;
width: 140px;
float: left;
}
.nom {
background-color: blue;
height: 140px;
width: 454px;
float: left;
margin-left:10px;
}
.texte1 {
background-color: yellow;
margin-left:150px;
margin-top:10px;
height:140px;
width:454px;
}
.site {
background-color: yellow;
margin-top:10px;
height:140px;
width:604px;
}
.bio {
background-color: yellow;
margin-top:10px;
height:140px;
width:305px;
float:left;
}
.disco {
background-color: green;
margin-left:70px;
margin-top:10px;
height: 140px;
width: 180px;
float: left;
}
.down {
background-color: yellow;
margin-top:10px;
height:140px;
width:305px;
float:left;
}
</style>
</head>
<body>
<div class="conteneur">
<div class="foto"></div>
<div class="nom"></div>
<div class="texte1"></div>
<div class="texte1"></div>
<div class="texte1"></div>
<div class="site"></div>
<div class="bio"></div>
<div class="disco"></div>
<div class="down"></div>
</div>
</body>
</html>
Merci d'avance pour l'aide que vous me fournirez.