28220 sujets

CSS et mise en forme, CSS3

Bonjour,
j'ai lu ce que j'ai trouvé en faisant une recherche sur le forum et sur le site, mais je n'ai pas trouvé la solution à mon problème, pas non plus sur le billet spéciale pour les height. Je vous mets d'abord le code que j'ai :


<body>

<div id="bg">

<div id="home"></div>

<div id="main">
<p>...</p>
<p>...</p>
</div>

</div>
</body>


Avec comme css :


#bg {
	background-image: url(bg.jpg);
	background-repeat: repeat-y;
	width: 731px;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}

#home {
	background-image: url(home.jpg);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 2;
	height: 455px;
	width: 731px;
	top: 0px;
	right: 0px;
}

#main {
	position: absolute;
	top: 396px;
	right: 187px;
	z-index: 3;
	text-align: justify;
	width: 350px;
}


J'aimerais que le fond "bg.jpg" de la div #bg vienne jusqu'à la fin du texte de la div #main. Avec ce code, le fond ne s'affiche pas du tout dans IE et jusqu'au bas de la fenêtre dans firefox. Toujours sous ffox, si le texte est long et que je "scroll" la page vers le bas, le fond ne continue pas. C'est compréhensible ce que je demande ?
Modifié par vvinc (05 Apr 2005 - 20:00)