Discussion :

[Seth77]

Slu

j ai trois blocs et j aimerais afficher 1 en haut et les deux autres l un a cote de l autre sous la 1ere boite ...voici mon code :

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
 
 
.boite2{
	position:relative;
	float:left;
	border-style:solid;
	padding-left:0px;
	padding-right:2%;
	width:15%;
}
 
.boite3{
	position:relative;
	float:left;
	border-style:solid;
	color:green;
	width:auto;
	margin-left:2%;
}

le prob c quand je redimenssione le navigateur la boite3 repasse sous la boite2

@+

[Kerod]

Je pense, mais je suis pas sur de ma réponse (cela reste à tester)
Il ne faudrait pas mettre pour les deux boites un margin pour justement empecher le chevauchement ??
Pour celui qui est à droite ce sera un margin-left et celui de gauche le contraire, non ???!!! :

[devSet]

Bonjour,
Dans ton code tu spécifies une propriété float:left; pour chaque bloc. çà me semble inutile. Un seul devrait suffire. Mais la source du problème me semble autre part. Tu décris un déplacement de la boîte en cas de redimensionnement de la fenêtre. Tu devrais éviter cet effet en fixant une largeur minimum pour le premier bloc qui soit supérieure à la somme des largeurs des deux blocs de dessous.
Cordialement
devSet

[Linaa]

En mettant des largeurs (width) fixes, le problème ne se posera plus, je crois.
C'est surement à cause du width:auto;