Discussion :

[monalisa38]

Bonjour à tous,
j'ai besoin de votre aide !
je suis une petite stagiaire débutante en css et je suis en train de faire une page pour un site et... j'ai un problème vraiment bizarre !

le site est http://ierasmus.com

sur firefox, la page s'affiche convenablement.
sur IE 7, j'ai un vilain décalage dans les articles en bas
sur IE 6 rien ne s'affiche !!!

je pense que c'est un bug CSS car quand je le désactive, le contenu apparait...
Si vous avez une idée merci de me filer un coup de main !

merci d'avance
lisa

[Erwan31]

Bonjour,
ça vient peut-être de cette ligne trouvé dans le body alors quelle devrait être dans le head:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link href="media.css" rel="stylesheet" type="text/css" />

D'autre part tu as une erreur dans pre.css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

background-position :  top-left

Tu dois supprimer le tiret.

[monalisa38]

euh je l'ai enlevé,
j'avais mi ca pour avoir un apercu en local..
Ca n'a pas résolu le probleme :s

[Erwan31]

Dans media.css remplace le centrage via positionnement absolue par un centrage en flux normal, c'est préférable:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
#conteneur
{
	position: relative;
	width: 788px ; 
	margin: 30px auto 0;
}

et ça résout ton problème.

[monalisa38]

merci beaucoup !
j'ai du faire un petit hack "important!" pour que cela marche sur les 2 navigateurs maintenant c'est bon

merci encore

[Erwan31]

merci beaucoup !
j'ai du faire un petit hack "important!" pour que cela marche sur les 2 navigateurs maintenant c'est bon

merci encore

Attention le !important est maitenant interprété de manière conforme par IE7 (avec un doctype strict uniquement il me semble.)

D'une manière général ne pas se reposer sur des hack dont la pérennité de fonctionnement n'est pas garantie.

Tournes toi plutôt vers les commentaires conditionnels (faire une recherche).