PB de <div> et float

Macmootpro

Membre actif
11 Novembre 2008
117
0
37
Montpellier
bonjour, je suis en train de coder un site.

j'ai un problème que je n'ai jamais rencontré auparavant.

Voir la pièce jointe 73302

dans ma <div violet> qui est centrer : margin 0 auto;

je voudrais mettre deux colonnes: la rose et la bleu ciel.

j'applique donc

float left a la <div colonne rose>
flaot right a la <div colonne bleu ciel>

premier chose bizarre : j'ai le background de la div violet qui disparait.

sachant que tous au un width défini
et je n'arrive pas a faire correctement cette action.

quelqu'un à déjà eu ce problème ?
 
le float empêche le div parent de "s'étendre" vers le bas

essaie de mettre un div de style clear:both après les div rose et bleu et avant la fermeture du div violet.

si tu ne saisis pas tout, je mettrai le code... là je file auprès de ma blonde préférée :D
 
Bonjour,

En gros sa devrais resembler à sa :

Bloc de code:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<style type="text/css">
body { background:#CCC; }
#header {
	width:960px;
	height:80px;
	margin:0 auto;
	background:#F93;
}
#wrapper {
	width:950px;
	margin:0 auto;
	margin-top:5px;
	padding:5px;
	background:#93F;
}
#left {
	width:780px;
	height:300px;
	float:left;
	margin-right:5px;
	background:#F09;
}
#right {
	width:165px;
	height:300px;
	float:left;
	background:#06F;
}
.clear { clear:both;}
</style>
</head>
<div id="header"></div>
<div id="wrapper">
  <div id="left"></div>
  <div id="right"></div>
  <div class="clear"></div>
</div>

<body>
</body>
</html>

bone journée.
 
La question n'es pas que le code sois bon ou mauvais, mais donner la réponse sans explication sa reviens à conseiller l'utilisation d'un CMS à un néophyte.

Je ne connais pas le niveau de la personne qui a créer le topic, mais le copier coller sa finit toujours par un arrachage de cheveux.

Et je me permet de lui conseiller de suivre ton conseille !
 
surtout que le code fourni contient une grosse erreur... d'inattention
 
:eek: saleté de body qui ne veut pas rester à sa place :rose:

Bon après 7:30 je prenais mon café en même temps au taf, c'est une petite excuse sa, non :siffle:
 
Dernière édition:
oui c'est pour ça que j'ai mis "inattention" et qu'il ne faut pas faire de copier/coller bêtement
 
le float empêche le div parent de "s'étendre" vers le bas
essaie de mettre un div de style clear:both après les div rose et bleu et avant la fermeture du div violet.

En plus, ce <div> ne sera pas forcément une balise fantôme : on a souvent besoin d'un contenu en pied sur ce type de gabarit.