Page 1 sur 1

[résolu]difference de pixel entre FF et IE

Publié : 04 oct. 2008, 21:16
par jeanpierre
Bonjour à tous,
J'ai une différence d'interprétation de pixel entre IE et FF,Opera.
Dans opera et FF sous Linux et windows c'est pareille , mais sous IE non.

Je m'explique:
Dans mon css j'ai un bloc comme ceci qui est bien interprété partout et par tous notamment " top:184px;":
#principal {
border-style: solid;
border-width: 1px;
border-color:#800000;
background-color: #fffdd7;
padding-left:10px;
padding-right:10px;
position: absolute;
top: 184px;
left: 0px;
width: 665px;
height: 950px;
}
et j'ai un autre bloc qui lui est mal interprété par IE le " top: 155px;" est sous IE a 150px
#navlist {
padding: 0 1px 1px;
position: absolute;
top: 155px;
left: 1px;
margin-left: 0;
font-family: Verdana,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 12px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
}
#navlist li {
border-top: 1px solid gray;
margin: 0;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
display: inline;

Est ce que qqun sait pourquoi un bloc est bien interprété et l'autre non ??
Merci d'avance
la page en question est la : www.fuerteventura-losaloes-apartamentos.com

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.3) Gecko/2008092510 Ubuntu/8.04 (hardy) Firefox/3.0.3

Publié : 04 oct. 2008, 21:47
par nico@nc
Je déplace en Développement web.

Publié : 05 oct. 2008, 00:15
par Benoit
C'est peut-être parce que tu indiques en plus une valeur de padding vertical.

Publié : 05 oct. 2008, 10:30
par jeanpierre
Salut Benoit, je ne croit pas ?
je te joint le " #navlist" complet, peut tu me dire si tu voit qqchose d'anormal?

#navlist {
padding: 0 1px 1px;
position: absolute;
top: 155px;
left: 1px;
margin-left: 0;
font-family: Verdana,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 12px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
}
#navlist li {
border-top: 1px solid gray;
margin: 0;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
display: inline;
}
#navlist li a {
border-left: 1em solid #aaaabb;
padding: 0.1em 0.3em 0.1em 0.5em;
background: #9797e8 none repeat scroll 0%;
text-decoration: none;
}
#navlist li a:link {
color: #444488;
}
#navlist li a:visited {
color: #666677;
}
#navlist li a:hover {
border-color: #bbdc02;
background: #ffcc66 none repeat scroll 0%;
color: #ac7407;
}
#navlist a#current {
border-color: #bbdc02;
background: #ffcc66 none repeat scroll 0%;
color: #ac7407;
}

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.3) Gecko/2008092510 Ubuntu/8.04 (hardy) Firefox/3.0.3

Publié : 05 oct. 2008, 15:57
par Asumbaa
Salut,

Un margin-top par défaut sur #navlist qui serait différent sous IE ?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.3) Gecko/2008092510 Ubuntu/8.04 (hardy) Firefox/3.0.3

Publié : 05 oct. 2008, 17:46
par Fabrice.Tres.Net
suggestion: un petit *{ margin:0 0; padding: 0 0} pour faire un test rapide.

Publié : 05 oct. 2008, 18:34
par jeanpierre
Salut Fabrice , tu a vu juste ! j'ai changer mon "pading:1px 1px;"par ton
conseil et ça marche :

Code : Tout sélectionner

#navlist {
 [b] margin:0 0; 
  padding: 0 0;[/b]
  position: absolute;
  top: 155px;
  left: 3px;
  margin-left: 0;
  font-family: Verdana,sans-serif;
  font-style: normal;
y a t'il une explication ?? parce que avant j'avais "pading:1px 1px;" et non
pas 5 pixels de diff au résultat d'où viennent les 4 px supplémentaires en vertical et pas en horizontal ? peut être une simple diff d'interprétation ?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.3) Gecko/2008092510 Ubuntu/8.04 (hardy) Firefox/3.0.3

Publié : 05 oct. 2008, 18:36
par jeanpierre
Salut Fabrice , tu a vu juste ! j'ai changer mon "pading:1px 1px;"par ton
conseil et ça marche :

Code : Tout sélectionner

#navlist {
 [b] margin:0 0; 
  padding: 0 0;[/b]
  position: absolute;
  top: 155px;
  left: 3px;
  margin-left: 0;
  font-family: Verdana,sans-serif;
  font-style: normal;
y a t'il une explication ?? parce que avant j'avais "pading:1px 1px;" et non
pas 5 pixels de diff au résultat d'où viennent les 4 px supplémentaires en vertical et pas en horizontal ? peut être une simple diff d'interprétation ?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.3) Gecko/2008092510 Ubuntu/8.04 (hardy) Firefox/3.0.3