bonjour quand je mets les block flottant un en float left, l'autre en float none et le dernier en float rigth, ça me décalle toute ma div footer.
Voilà mon code html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<link rel="icon" type="image/png" href="favicon.png" />
<title>SGcom Tarifs</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" href="design.css" />
<link href="styles/monstyle.css" rel="stylesheet" type="text/css" />
<link href="styles/styletarifs.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="conteneur">
<div id="header"></div>
<div id="menu">
<ul id="bouton">
<li id="accueil"><a href="index.html">Accueil</a></li>
<li id="services"><a href="services.html">services</a></li>
<li id="tarifs"><a href="tarifs.html">tarifs</a></li>
<li id="contact"><a href="contact.html">contact</a></li>
</ul>
</div> <!-- FIN DIV "menu" -->
<div id= "cadrehaut"></div>
<div id="corps">
<div id="pack1"></div>
<div id="pack2"></div>
<div id="pack3"></div>
</div>
<!-- FIN DIV "corps" -->
<div id="footer">
<ul><li><a href="index.html">Accueil</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="tarifs.html">Tarifs</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="mentionleg.html">Mentions légales</a></li></ul>
</div> <!-- FIN DIV "footer" -->
</div> <!-- FIN DIV "conteneur" -->
</body>
</html>
et voilà mon fichier css
#pack1 { background-color:#666666; float: left; width: 250px;
}
#pack2 { background-color: #FF0000; float: none; width: 250px;
}
#pack3 { background-color: #CCCC00; float: right; width: 250px;
}
Pouvez me donner quelques indications, je debute en css donc c'est un peu la galère...
Merci d'avance
