18079 sujets

Questions générales et questions de débutants

2 blocs (float)

Bonjour,

Je cherche à crée une mise en page avec un header avec deux blocs en dessous.
Mon problème est simple je n'arrive pas à crée une mise en page propre.
Les deuxièmes blocs ne s'alignent pas avec l’header voir exemple.
http://opsynet.free.fr/forum/exemple.png


Si vous avez une solution, merci

PS: il y a peut être un exemple sur le site mais je n'ai pas trouvé, j'ai fait une recherche sur le moteur Smiley smile
merci pour le lien , j'ai fait un test et ça marche sur ie et firefox PC...

je ne sais pas si le code est bon


<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
.header{
	background-color: #CCCCCC;
	width: 100%;
}
.bloc0{
	background-color: #999999;
    float:right;
	width: 49%;
}
.bloc00{
	background-color: #FFFFFF;
}
.bloc1{
	background-color: #666666;
	float:left;
	width: 49%;
}
</style>
</head>

<body>
<div class="general">
<div class="header">header</div>
<div class="bloc0">
  <p>Bloc 0zergerg</p>
  <p>regregergerg</p>
  <p>regerg</p>
</div>
<div class="bloc1">
  <p>Bloc 1rgeger</p>
  <p>ergergerg</p>
  <p>rgergergerg</p>
</div
>
</div>
</body>
</html>
Sujet clos
Aller à