Probleme de mise en page entre FF et IE7 [RESOLU]

Bonsoir tout le monde .

Voila j'ai ma page qui marche bien avec IE7 , mais avec firefox on peut voir que les images sont decalés .

ma page

Code CCS

body {
	background-image: url(Image/fond_0.jpg);
}

.content{
	width:850px;
	text-align:center;
}

.header {
	height: 80px;
	width: 770px;
	}

.topmenu {
	height: 30px;
	width: 640px;
	top: 90px;
	left: 94px;
	position:absolute;
	}

.bigbox {
	width: 758px; 
	height: 1056px;
	margin-top:40px;
}

.sidemenu {
	display:block;
	width:137px;
	height:364px;
	z-index:1;
	left:34px;
	top: 250px;
	position:absolute;
}

.footer {
	height: 30px;
	width: 500px;
	top: 1190px;
	left: 180px;
	position:absolute;
}

Es ce que quelqu'un c'est d'ou cela peut venir ???
Merci d'avance a tout ceux qui pourront m'aider .

@+
Thibautg
Modifié par Thibautg (21 Mar 2007 - 21:11)

Bonjour,
Une partie des éléments est positionnée dans le flux, à l'intérieur de content et les élements positionnés absolute le sont par rapport à l'ascendant positionné le plus proche c.a.d. body !
l'élément class="topmenu" à le même problème que "sidemenu"
Une solution est d'appliquer position:relative à "content" et de régler les positions de "topmenu" et "sidemenu" en conséquence.
class="1" est inutile.
La lecture ou la relecture de l'excellent livre de Raphaël Gotter (CSS2 etc) s'impose !
Bon courage.

merci bien pour c'est info qui m'on permis de resoudre mon probleme .
Par contre j'ai fait en sorte de centrer les elements de ma page :

body {
	background-image: url(Image/fond_0.jpg);
	text-align:center;
}

mon avec firefox sa ne marche pas alors que sous IE7 sa marche impec .
es ce que quelqu'un aurait une idée ???

Salut,

text-align: center;

c'est pour IE, pour firefox (et la majorité des autres...), il faut juste ajouter à ton div content

margin: auto;

et tout se centrera comme par magie

par ailleurs, dans la mesure où tu as déjà un align center dans le body, pas besoin de le répéter dans le div content, il en hérite, petit veinard

have swing

Salut,

virtualgadjo a écrit :
c'est pour IE, pour firefox (et la majorité des autres...), il faut juste ajouter à ton div content

Petite précision : à partir de sa version 6, IE supporte très bien les marges latérales automatiques.

:) c'est vrai, IE7, c'est sûr, IE6, tu es sûr ? il me semble avoir eu qques soucis avec ça. En tout cas, honte sur moi d'avoir omis la précision... en plus, je suis en train de te lire avec IE7

have swing
Modifié par virtualgadjo (21 Mar 2007 - 20:07)

Merci beaucoup pour toutes vos repondes .
Je pense que le sujet peut etre clos car probléme resolu ( enfin pour cette partie la ... :lol: )

Bonne soirée
Thibautg

virtualgadjo a écrit :
:) c'est vrai, IE7, c'est sûr, IE6, tu es sûr ?

Oui, c'est sûr qu'IE6 comprend les marges automatiques correctement, du moins pour une page en mode standard. Je ne sais plus trop pour le mode Quirks...