28220 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai une structure simple.

<code>
<div id="gauche"> ...etc... </div>
<div id="droite">
<div id="un"> ...une petite image... </div>
<div id="deux"> ...une peite image... </div>
<div id="trois"> ...un commentaire des deux photos ci dessus... </div>
</div>

Dans la feuille de style :

#gauche, #un, #deux {float: left}
#trois {clear: left}
</code>

Les largeurs sont définies, pas les hauteurs de #gauche ni #droite

Dans mon idée, <div id="trois"> doit s'aligner verticalement sur la fin de <div id="deux">
Au lieu de ça, il vient s'aligner verticalement sur la fin de <div id="gauche">, qui est plus haut que <div id="droite">.

Je ne comprends pas où est le problème et s'il existe une solution (en restant dans les float, sans position absolute)...

Merci d'avance
Modifié par boteha (16 Mar 2005 - 18:39)
Administrateur
Salut,

Merci d'utiliser les balises CODE pour tes exemples Smiley cligne
(je crois que ce n'est pas la première fois, non ?)
Administrateur
boteha a écrit :
EXCUSES, mais le code est simple, non ?

Oui oui, ce n'est pas une question de complexité du code, c'est juste qu'avec les bons balisages celui-ci est bien plus facile à repérer et à lire pour tout le monde Smiley smile
Il ne faut pas s'énerver pour si peu : c'est juste une habitude à prendre. Tu n'es pas à 1min près lorsque tu as des questions et lorsque tu cherches de l'aide, non ? Smiley cligne
Donc, si tu le veux bien, merci d'éditer ton premier post.
Modifié par Raphael (16 Mar 2005 - 18:30)
Excuses, je ne suis pas énervé, c'est un oubli, voilà la post corrigé ci-dessous, MERCI d'avance.

J'ai une structure simple.


<div id="gauche"> ...etc... </div>
<div id="droite">
<div id="un"> ...une petite image... </div>
<div id="deux"> ...une petite image... </div>
<div id="trois"> ...un commentaire des deux photos ci dessus... </div>
</div>

Dans la feuille de style :

#gauche, #un, #deux {float: left}
#trois {clear: left}


Les largeurs sont définies, pas les hauteurs de #gauche ni #droite

Dans mon idée, <div id="trois"> doit s'aligner verticalement sur la fin de <div id="deux">
Au lieu de ça, il vient s'aligner verticalement sur la fin de <div id="gauche">, qui est plus haut que <div id="droite">.

Je ne comprends pas où est le problème et s'il existe une solution (en restant dans les float, sans position absolute)...

Merci d'avance
Administrateur
Tu sais que tu peux éditer un post précédent plutôt que de le répéter, hein ? Smiley cligne

EDIT : bon, apparemment le problème est réglé.
Peux-tu expliquer comment tu l'as résolu, afin d'aider les autres qui auraient le même genre de problème ?
Modifié par Raphael (16 Mar 2005 - 18:57)