28173 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde !

J'ai deux fois un décalage de 1px entre FF et Internet Explorer. Quand on redimensionne la fenêtre, le cadre du menu et le footer bouge d'un pixel.

Voila l'adresse du site

Voici ma CSS :

html, body 
{
	height:				100%;
	margin: 			0;
	padding:			0;
}

body
{
	background (...)
}

#global 
{
	position: 			relative;
	width: 				1005px;  
	height: 			100%;  
	min-height: 		100%;
	height: 			auto!important; 
	margin:				0 auto;
	_height: 			100%;
}

div#content
{
	padding-top:		200px;
	padding-bottom:		3em;
	margin-left: 		200px;
	width:				70%;
}

div#menu
{
	position: 			absolute;
	background-image:	url("../design/menu.gif");
	width:				143px;
	height:				223px;
	left:				13px;
	top:				46px;
}

div#foot
{
	position: 			absolute;
	bottom:				0;
	background-image:	url("../design/foot.gif");
	background-repeat:	no-repeat;
	width: 				1004px;
	height:				16px;
	margin-left:		-502px;
	margin-top:			-8px;
	left: 				50%;	
}


Structure html :


<div id="global">
	
		<div id="menu">
		</div>
		
		<div id="content">
		</div>
		
		<div id="foot">
                </div>
	
</div>


Merci pour votre aide !
Modifié par p_tite_jo (24 Jan 2007 - 17:48)
Salut p_tite_jo !

Pour le pied de page, je pense que c'est un bug récurrent d'IE, qui se produit de façon un peu aléatoire Smiley ohwell

Tu ne peux pas régler le problème en appliquant une marge négative de 1px au pied de page, uniquement sous IE ?
Modifié par Thomas D. (21 Jan 2007 - 22:23)
Modérateur
bonjour/bonsoir.

Generalement un
html {padding-left:1px;}
Pour IE suffit a regler ce probleme de decallage chez IE.
A prioiri , la configuration de ta page devrait s'en contenter en passant en commentaire conditionnel la regle .ou en !important si IE7 n'en as pas besoin.

GC
bonjour !
Tout d'abord merci pour vos réponses... malheureusement elles ne fonctionnent pas... j'arrive à rien avec le padding-left, quant à la marge négative sur IE, c'est ce que je comptais faire à la base, mais avec IE7 j'arrive plus à mettre _margin-left:Xpx; il ne le prend plus en compte...

Vous avez d'autres idées?