[Résolu] Sous IE, mon site a un problème de rafraichissement

http://min.lledrith.info

Sous Firefox, et même Safari, mon site apparaît correctement dès le premier chargement.

Sous IE, c'est assez bizarre, le site se charge bizarrement chez moi, les blocs avec les articles sont censés avoir une couleur de fond uniforme, et parfois elle n'apparaît pas... quand on scroll vers le bas et qu'on remonte, le bloc a bien sa couleur de fond normal, mais ça ne dure pas, si on rescroll il la perd.

Mon body ressemble à :

body {
  margin: 0;
  padding: 0;
  font: 75% Verdana, Arial, Helvetica, sans-serif;
  background-color: #005D4C;
}

La classe pour l'affichage central :

#milieu {
	position:relative;
	margin-left:260px;
	width:683px;
	top:23px;
	background-color:#C5D97C;
	padding-left:10px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:justify;
}

Sinon, en regardant le source de ma page, on peut voir que le premier article, indiqué comme "sticky", a comme classe "node sticky" (je parle de la classe de l'article en lui-même, pas celle du titre en H2), alors que les autres articles ont comme classe "node article". Est-ce que ce serait IE qui n'aime pas trop les classes composées ?

Et mes classes node, sticky et article sont définies comme suit :

.node {
  margin: .5em 0 2em 0;
	margin-bottom:10px;
}
.sticky {
  background-color: #EEEEEE;
  padding: .5em;
  border: solid 1px #9F9F9F;
}
.article {
  background-color:#E2ECBE;
  padding: .5em;
  border: solid 1px #8AA530;
}

Quelqu'un aurait une idée pourquoi ça n'apparait pas bien sous IE ? (si tant soit est que chez vous ça plante aussi, et que ce n'est pas un problème de mon IE)

Merci
Modifié par Julien PHAM (02 Mar 2006 - 15:46)

Déjà voici ce qu'il m'affiche sous XP EXplorer 6 à l'adresse du site (marchant sous firefox au demeurrant)

Precondition Failed
We're sorry, but we could not fulfill your request for  http://min.lledrith.info/  on this server.

We have established rules for access to this server, and any person or robot that violates these rules will be unable to access this site.

To resolve this problem, please try the following steps:

Ensure that your computer is free of viruses, Trojan horses, spyware or any other sort of malicious software. 
If you are using any sort of personal firewall or browser privacy software, check to ensure that its settings do not cause your web browser to inadvertently violate any of the rules listed below. 
If you are behind a Web proxy or corporate firewall, the proxy must conform to the HTTP specification with respect to proxy servers. Contact your network administrator if the trouble persists, or bypass the proxy and connect directly if possible. 
Disable any download accelerators you may be using. They don't speed up your downloads anyway; in most cases, they actually run slower! 
If all else fails, try using a different Web browser, such as Firefox. 
If you still need assistance, please contact webmaster at min.lledrith.info.

More Information
For your reference, the conditions for access to this server are:

Robots:
MUST read and obey robots.txt. 
MUST identify themselves properly; for example MUST NOT identify as Mozilla. 
MUST NOT pretend to be a human. 
Humans:
MUST NOT pretend to be a robot. 
MUST NOT use a computer infected with viruses, Trojan horses or other malicious software. 
Both:
MUST NOT harvest email addresses. 
MUST NOT attempt to send spam. 
MUST NOT attempt to compromise server security. 
MUST NOT use excessive amounts of bandwidth or other server resources. 
The precondition on the request for the URL  http://min.lledrith.info/  evaluated to false.

Il n'y aurait pas un script de détection de navigateur ? (le genre de truc à pas faire...)

Bonjour,

Bad Behavior (sauf erreur sur le script) est supposé ne bloquer que les robots (de spam).

Et bloque très souvent les utilisateurs humains

Oui effectivement, j'utilise BadBehaviour
On m'avait dit que c'était pas mal pour lutter contre les risques de hacking de site

Bon je l'ai désactivé là pour le moment, tant qu'il n'est pas en production... comme ça vous pourrez essayer de voir mon site

Bon j'ai trouvé (enfin on m'a donné) la solution :

.sticky {
background-color: #EEEEEE;
padding: .5em;
border: solid 1px #9F9F9F;
height : 100px; /* tu déclares une hauteur minimum pour IE*/
}
html>body .sticky { /* Gecko */
height:auto!important;
min-height:100px;
}