Si je ne m'abuse, le truc le plus facile pour permettre ceci est
d'utiliser une image de fond. Cette image ne sera qu'une simple image
de couleur de quelques pixels.
Cedric
On 4/14/06, Joseph Thirionet [EMAIL PROTECTED] wrote:
Bonjour la liste,
Dans une page html dont le design est fait via css, j'utilise des div à la
place de tables.
Certaines div contiennent parfois d'autres div, comme dans le petit exemple
situé ci-dessous.
Je constate que si la div ne contient pas de texte mais seulement d'autres
div (avec du texte dedans), la première div se comporte comme si elle ne
contenait rien et par conséquent le fond (background) ne s'affiche pas.
Par contre, dès que je mets un caractère comme le A dans l'exemple
ci-dessous, alors le fond apparait mais uniquement sur la hauteur de cette
première ligne.
Et en précisant une hauteur en px (height: 620px dans l'exemple), le fond
apparait sur cette hauteur. Mais cela ne fonctionne pas avec une hauteur en
pourcentage.
D'où ma question :
Comment faire en sorte que ce fond apparaisse sans spécifier une hauteur
fixe de div puisque je ne connait pas à l'avance l'encombrement du contenu
des autres div qui se trouve à l'intérieur ?
Merci d'avance pour toute idée.
@+
Joseph
Exemple :
div class=contenu id=contenu
div class=col_g id=col_g
Perferendis doloribus asperiores repellat.
/div
div class=col_d id=col_d
Vel illum qui dolorem breum fugiat quo brvoluptas
nulla pariatur.
/div
A
/div
Avec le code css :
#contenu {
position: relative;
text-align: center;
height: 620px;
width: 826px;
margin: 0px 0px 0px 0px;
padding: 0px;
background: #ff url(../images/fd_bord_gd.jpg) repeat left top;
}
#col_g {
background-color: #E4E2D6;
position:absolute;
top:0px;
left:38px;
padding-left: 32px;
padding-right: 32px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
width: 116px;
float: left;
text-align: left;
color: #ff;
}
#col_d {
background-color: #f6f6b8;
position:absolute;
top:0px;
right:50px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
width: 545px;
float: right;
text-align: left;
}
--
New CyberCafe address: http://cybercafe.exmachina.tv
Cette liste vous est offerte par Emakina http://www.emakina.com/
Emakina: technologie et creativite au service de vos projets Web.
Desabonnement par mail : mailto:[EMAIL PROTECTED]
