28173 sujets

CSS et mise en forme, CSS3

[résolu]Décalage d'une div de 3 pixels sous IE

bonjour,

J'ai un décalage redondant de 3 pixels sous IE alors que c'est niquel sous FF..

En lisant les aides j'ai pu comprendre que c'était plus ou moins courant et "normal".

J ai essayé par exemple de mettre * {margin: 0; padding: 0;} au debut de mon css mais rien n'y fait...

Voici le lien de la page http://www.ironiqstudio.com/SJP/presse.html

-> on peut voir une bande violete de 3px entre la partie de gauche et la div "content".

Je ne comprends vraiment pas..

Voici mon code 
#content{
	position:relative;
	padding: 0px 0px 0px 0px;
	font-weight:normal;
	margin:0px 0px 0px 163px;
	background-color:#ff0330;
	/*background-image:url(images/bg_nav.jpg);*/
	background-repeat:no-repeat;
	width: 815px;
	height:auto;
	min-height: 489px;
	_height: 489px; /* hack uniquement interprété par IE Win*/
}


Merci d'avance pour vos idées Smiley cligne
Modifié par defsquier (11 Jan 2006 - 17:35)
La recette miracle contre le "3px bug" ?
Faire une feuille de style spécifique IE et titrer l'élément dans la direction opposée en modifiant sa marge.
C'est malheureux, mais c'est souvent la meilleure solution.
j'avoue que c'est assez malheureux Smiley lol
Mais bon si ca marche c'est l'essentiel!
Je vais chercher mais je pose quand meme la question: comment faire pour utiliser telle ou telle css selon le navigateur?

Merci marvin
J'ai trouvé ca mais je n'arrive pas à l'utiliser correctement...

<!--[if IE]>
margin-left:-3px;
<![endif]-->


Si quelqu'un peut m'éclairer...

Merci d'avance Smiley biggrin
Modifié par defsquier (11 Jan 2006 - 23:01)
Bon j'ai ca

<head>
<!-- Copyright 2005 Saint John Perse. All rights reserved. -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bienvenue sur le site de l'Ecole Saint-John Perse</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<!--[if IE]>
<style type="text/css">
<!--
#content {margin:0px 0px 0px -100px;}
-->
</style>

<! endif -->
</head>


ca marche si je met par exemple 1000px au lieu de -100 par contre en négatif j ai toujours ma marge de 3px Smiley sweatdrop

edit:
Le commentaire conditionel fonctionne donc mais meme en testant "a l'arrache" dans mon css j'arrive pas a reduire cette $ù^$# de marge!!

edit:
finalement voici mon code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->

<head>
<!-- Copyright 2005 Saint John Perse. All rights reserved. -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bienvenue sur le site de l'Ecole Saint-John Perse</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<!--[if IE]>
<style type="text/css">
<!--
#content {left:-3px;}
-->
</style>
<! endif -->
</head>


Je vous remercie pour vos réponses qui m'ont sacrément éclairé Smiley lol
Modifié par defsquier (12 Jan 2006 - 00:55)
Sujet clos
Aller à