Adaptation de la largeur d'une div en fonctin de celle qui l'entoure

Hello tout le monde,

Voici le challenge, 5 Div alignées sont contenus dans une à la largeur fixe.

* La première des 5 (enfant_01), possède une largeur fixe et sert d'angle (float: left;).
* La seconde (enfant_02) contient un titre et une image qui se répète en X, elle n'a pas de largeur définie vu que la longueur du titre peut varier.
* La troisième (enfant_03) ferme le titre, contient une image et a une largeur fixe.
* La quatrième (enfant_04) a une image de 1 px de large et doit se répéter automatiquement jusqu'à la 5eme Div.
* La 5eme (enfant_05) a une largeur fixe et est alignée à droite

La quatrième div refuse de se répéter jusqu'à la 5eme sans qu'on lui mette une largeur définie.
Voila le problème qui hante mes nuits depuis bientôt une semaine.

Merci pour vos réponses

Bonjour,

5 div pour une image de fond ?

Si je comprends bien, là ou tu utilises 5 éléments un seul suffirait avec en css ton image de fond.

Genre :

#header {
width:100%;
background: url(mon_image.png) top left no repeat;
}

et dans le html

<div id="header">
contenu....
</div>

Modifié par knarf (14 Jul 2010 - 12:22)

Bonjour,

J'ajouterais à la solution de knarf, que je valide, que l'image titre doit se trouver dans le code HTML (donc sur l'image de fond) avec un attribut alt reprennant le titre ; ce qui devrait t'éviter le problème de calcul.