Discussion :

[Microturnip]

bonjour a tous,


alors voila j'ai un petit problème
sans doute extrêmement simple, mais la je bloque :o

j'ai un div conteneur (pour mon affichage de bords supérieurs et inférieurs)

tout fonctionne bien
sauf (bah oui faut bien qui ai un truc qui aille pas :p)
quand je met a l'intérieur des div qui ont la propriété float:left
la sa sors de mon cadre, sa affiche les coins arrondis, et les div en float en left en dessous du conteneur

si j'en met sans float left, la mes divs sont bien dans le cadre, mais pas alignés

et comme je veux les aligner c'est problématique :p

voici le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
            	<div id="cadreTopTop">fdfd</div>
            	<div id="cadreTopCenter">
            	  <div class="cadre-accueil" >bla bla</div>
                  <div class="cadre-accueil" >bla bla</div>
                  <div class="cadre-accueil" >bla bla</div>
                  <div class="cadre-accueil" >bla bla</div>
					</div>
                    </div>
                <div id="cadreTopFooter">&nbsp;</div>

voici le css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
#cadreTopTop { margin:0; 
	padding:0; 
	position:relative; 
	height:30px; 
	background-image:url("../corps_top.png"); 
	margin-top:10px; 
}
#cadreTopCenter { 
	margin:0; 
	padding:0; 
	position:relative; 
	background-repeat: repeat-y ; 
	background-image:url("../corps_middle.png"); 
}
#cadreTopFooter { 
	margin:0; padding:0; 
	position:relative; 
	height:30px; 
	background-image:url("../corps_bottom.png");
}
.cadre-accueil {
	background-color:white; 
	margin-left:10px; 
	border:1px solid black; 
	width:164px;
	height:200px;
	float:left; // celui qui m'embéte :p
}

merci d'avance a vous ^^

[Microturnip]

bah j'suis passé par l'intermédiaire d'un tableau et sa marche

je sais pas si c'est la meilleure solution mais bon

je met en résolu mais si vous avez quand meme des réponses j'accepte volontier :p

merci

[12monkeys]

Bonsoir

Ton problème c'est qu'il faut rétablir le flux après les float, une explication ici : http://css4design.developpez.com/tut...flux-partie-2/ ou ici http://css.developpez.com/tutoriels/...issement-flux/