Petit probleme avec les css

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:

---

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 :cry:

@+

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 ???!!! :?:

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

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