Hauteur d'un design dynamique

Bouki

21 Nov 2007 à 11:48

bonjour,
je rencontre un problème dans la réalisation d'un design
je pars d'une version avec hauteur fixe pour tenter de rendre la hauteur dynamique en fonction du contenu.
en background je dois avoir une fois le fond "intérieur d'avion" et, si nécessaire uniquement, un fond constitué d'un dégradé, puis une image bord arrondis en bas.
voici ce que donne mes tests
mon idée est de réaliser deux divs, un contenant le fond "intérieur d'avion" de taille fixe, et un de taille dynamique en dessous cependant cela ne marche pas...
quel méthode me conseillez-vous pour parvenir à mon résultat ?
merci
Modifié par Bouki (21 Nov 2007 - 11:49)

jeremw

21 Nov 2007 à 12:17

tu ne peux pas avoir un design extensible avec des elements floatté
laiise comme cela et crée juste aprés ta div InformationCircuit (mais a linterieur de ta div frame )
une div comme ceci
<div style="height:1px;clear:both, padding-bottom:10px"></div>
ça permettra d'annuler en quelque sorte tes elements floatté et d'avoir ton design extensible jusqu'en bas
enleve le heigh:100% de la div frame (non valide)

Bouki

21 Nov 2007 à 13:04

j'ai modifié ma page de test pour le rendre réaliste sur le résultat attendu
il faudrait que le fond blanc avec les bords s'adapte à la taille et qu'àprès le background du fond de l'avion en no-repeat je puisse mettre un autre background uniquement si nécessaire, suivi des coins arrondis
j'ai tenté ta solution mais sans succès (peut etre m'y suis-je mal pris Smiley ohwell

ou j'ai mal expliqué mon problème)

CSS et mise en forme, CSS3

Hauteur d'un design dynamique