PB de <div> et float

Macmootpro · 2 Octobre 2011

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 · 2 Octobre 2011

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

Crock-Man · 3 Octobre 2011

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.

Anonyme · 3 Octobre 2011

Va voir le lien dans ma signature.

Crock-Man · 3 Octobre 2011

Oui c'est surement une meilleur idée que de recopier mon code

Anonyme · 3 Octobre 2011

Crock-Man a dit:
Oui c'est surement une meilleur idée que de recopier mon code

Il est bien ton code, mais comme je ne connais pas son niveau je l'ai envoyé sur un tutoriel.

Crock-Man · 3 Octobre 2011

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 · 3 Octobre 2011

surtout que le code fourni contient une grosse erreur... d'inattention

Crock-Man · 3 Octobre 2011

:eek: saleté de body qui ne veut pas rester à sa place

Bon après 7:30 je prenais mon café en même temps au taf, c'est une petite excuse sa, non :siffle:

Johannès · 3 Octobre 2011

oui c'est pour ça que j'ai mis "inattention" et qu'il ne faut pas faire de copier/coller bêtement

Niconemo · 4 Octobre 2011

Johannès a dit:
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.

PB de <div> et float

Macmootpro

Membre actif

Johannès

Membre actif

Crock-Man

Membre actif

Anonyme

Invité

Crock-Man

Membre actif

Anonyme

Invité

Crock-Man

Membre actif

Johannès

Membre actif

Crock-Man

Membre actif

Johannès

Membre actif

Niconemo

Modo (toujours vivant !)

Sujets similaires