[CSS 2] Le fond du site ne suit pas le div principal [Résolu]

[Dsphinx]

Hello,

J'ai un problème avec une superposition de DIV. J'ai une zone à gauche pour le texte principal et une zone à droite pour les informations complémentaires. Cependant, le fond noir ne s'étend pas jusqu'en dessous des informations complémentaires. Voir l'image ci-joint. Savez-vous quelle propriété j'ai oublié ?

Code :

1
2
3
4
5
6
7
#texte_principal {
	top: 20px;
	width:620px;
	float:left;
	padding-left: 20px;
	position:relative;
}

Code :

1
2
3
4
5
6
7
8
9
10
#info_complementaires{
	top: 25px;
	width:250px;
	float:right;
	padding: 10px;
	margin-left: 25px;
	margin-right: 15px;
	position:relative;
	background: #38373a;
}

Code :

1
2
3
4
5
6
#fond {
	width:1000px;
	margin: 0px;
	background:#1f1e20;
	border: 10px solid #38373a;
}

[Candygirl]

Hello,

Le css donné ne correspond pas au visuel supposé... Il aurait intéressant de voir le html correspondant ( si tu as ajouté un élément avec un clear,...).

Tu attribues un position relative avec un top 25px. Il est donc normal que ton élément sorte de son conteneur en bas puisque tu le déplaces verticalement (il dépasse de 15 px: 25-10 de border).

[Dsphinx]

Ah oui effectivement ! J'ai donc mis un padding-bottom: 60px; au div #fond !

Merci !

[Candygirl]

Envoyé par Dsphinx

Ah oui effectivement ! J'ai donc mis un padding-bottom: 60px; au div #fond !

Pourquoi tu n'as pas plutôt simplement mis un padding-top de 20px à #fond assorti d'un margin-top de 5px à #info_complementaires et viré tes positions relative ?