28172 sujets

CSS et mise en forme, CSS3

Bonjour à vous,

Après de multiples modifications pour que mon site ait une belle mise en page sous IE (car je travaille uniquement sous Firefox v2.x, et j'ai constaté récemment que sous IE l'affichage était complètement différent), modification de la feuille de style oblige... mais désormais sous IE l'affichage est correct, mais sous Firefox j'ai un mystérieux problème.
Le pied de page est 'considéré' comme étant en bas, mais l'image de fond ne suis pas... en faisant un clique droit dans la zone du pied de page / "Afficher l'image de fond", vous verrez apparaître l'image... mais qui concrètement est positionné juste en dessous de la 'barre de navigation' et est en 'fond', comme si l'on avait appliqué un z-index.

Voici le lien: http://japan-attitude.fr/stage

Merci de votre aide, car là franchement, je sèche.
Bonne journée,
Jo.
Modifié par Foxysama (13 Jun 2008 - 18:48)
J'ai oublié une chose importante, voilà comment est constituée ma page:

Index.php :

<div id="conteneur">
		<div id="header">
		</div>
		<div id="contextuel">
			<div id="menu-gauche">
			</div>
			<div id="principal">
			</div>
		</div>
		<div id="pied">
		</div>
</div>


Ma feuille de style~index.css:

#conteneur{
	position: relative;
	width: 900px;
	height: auto;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 10px;
}

#header{
	background:url(images/header-vecto.png) no-repeat 0px 20px;
	width: 900px;
	height: 132px;
}

#contextuel{
	background: #fff;
	margin-top:5px;
	width: 898px;
	height: auto;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

#principal{
	float:right;
	width: 678px;
	min-height:600px;
	margin-left: 219px;
}

#menu-gauche{
	position:absolute;
	float:left;
	width: 219px;
}

#pied{
	width: 900px;
	height: 30px;
	margin: auto;
	background:url(images/footer-vecto2.png) no-repeat;
}



Merci, bonne journée!
Jo.
Modifié par Foxysama (13 Jun 2008 - 16:36)
Salut,

une piste, overflow: auto sur ton bloc contextuel pour qu'il puisse "suivre" son contenant et un pti tour au validateur pour ton code html pour y voir un peu plus clair Smiley cligne
Merci de ta réponse.

Effectivement un simple "overflow: auto" sur mon bloc contextuel à fait l'affaire!

Merci beaucoup, bonne soirée!
Jo. Smiley ravi