28173 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un petit souci pour regler la largeur de certains divs!
Pour faire court, dans une balise LI, j'insère 3 DIV:

+------------------------------------------+
|+----+--------------------+--------------+|
||div1|div2                |div3          ||
|+----+--------------------+--------------+|
+------------------------------------------+



li {
width: 100%;
clear: both;
}
li div {
float: left;
position: relative;
}
div.div1 { width: 16px; }
div.div2 {}
div.div3 { width: 110px;}


J'aimerais que la largeur du div2 soit le reste de la largeur du LI qui n'est pas occupée. J'avais pensé à width: auto; mais ça ne fonctionne pas ...

Avez-vous une idée de comment je peux faire?

Merci d'avance
Modifié par pounch (08 Dec 2006 - 08:52)
Bonjour et bienvenu à toi sur le Forum !

Pour commencer pourrais-tu, s'il te plait, éditer ton message et encadrer tes morceaux de code au moyen des balises appropriées [ code] ... [/ code] ?

Pour ma part, je tenterais la chose suivante :
- Faire flotter ton div1 à gauche;
- Faire flotter le div3 à droite.
Si tu leur affectes une largeur fixe à tous les deux, en tout état de cause, je pense que le div2 devrait s'adapter automatiquement ..., non ? Smiley murf

Mais c'est à tester Smiley cligne
Modifié par Cygnus (07 Dec 2006 - 18:08)