PB de <div> et float

Macmootpro

Membre confirmé
11 Novembre 2008
117
0
34
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 ?
 

Johannès

Membre confirmé
27 Novembre 2009
172
7
57
Vendô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
 

Crock-Man

Membre confirmé
1 Juillet 2011
207
5
Alsace
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.
 

Crock-Man

Membre confirmé
1 Juillet 2011
207
5
Alsace
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 !
 

Johannès

Membre confirmé
27 Novembre 2009
172
7
57
Vendôme
surtout que le code fourni contient une grosse erreur... d'inattention
 

Crock-Man

Membre confirmé
1 Juillet 2011
207
5
Alsace
: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:

Johannès

Membre confirmé
27 Novembre 2009
172
7
57
Vendôme
oui c'est pour ça que j'ai mis "inattention" et qu'il ne faut pas faire de copier/coller bêtement
 

Niconemo

Modo (toujours vivant !)
Modérateur
Club MacG
26 Juin 2001
6 447
455
Rhône-Alpes
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.