CSS chargé partiellement sur IE

Bonjour à tous,

Depuis mes démarrages avec ZF, je me confronte à un problème gênant de CSS sous IE.

Lorsque je fais sur une page, seule une partie du CSS semble se charger.
Exemples :
- mes images de fond sont bien là, mais le site est aligné à gauche (au lieu de l'être au centre).
- la police semble être du times classique alors que c'est du verdana qui est dans la CSS

Le problème est d'autant plus énervant qu'il suffit d'un simple "F5" pour que le CSS se charge bien (alignement OK, polices OK, etc.).

Mais rien à faire, dès que je clique sur un lien interne au site pour naviguer de pages en pages, on repart sur les mauvais positionnements et polices (et là aussi un "F5" corrige le bug).

Avez-vous déjà rencontré un tel problème ? Cela peut-il venir de la façon dont je lie la CSS à ma page ?

Code:

---

<link rel="stylesheet" type="text/css" media="screen" href="http://localhost/monsite/public/css/styles.css" />

---

Ensuite dans styles.css, je fais un import d'un style de layout :

Code:

---

@import "layout.css";

---

Merci d'avance pour votre aide ! :aie:

Quelques précisions :

• Le lien vers la feuille de style est bien valide
• Tout est OK sur Firefox
• Je suis sous WAMP Server

Salut

Zend Framework n'est certainement pas la source de ton problème, pour l'accès a vos css il faut privilégier les url relatives vu qu'il s'appartient a votre domaine.
a+

Je pense que c'est un problème lié au @import ... Tu ne peux pas lier ton fichier layout.css directement et voir si le problème se pose toujours ?

Tout d'abord merci pour vos réponses.

@Seb147 : j'ai essayé de lier un fichier "combo.css" reprenant le contenu de styles + layout >> même problème

@aityahia : je n'ai pas réussi à définir une URL relative. J'ai essayé href="../public/css/combo.css" puis href="/public/css/combo.css" ou href="./public/css/combo.css" >> rien n'y fait, mais cette fois je perds ma CSS chez IE comme chez firefox :?

Merci pour vos retours.

essayes avec l'url suivante : /monsite/public/css/styles.css ?

Citation:

---

Envoyé par Seb147

essayes avec l'url suivante : /monsite/public/css/styles.css ?

---

Le CSS est bien retrouvé mais je me retrouve avec le même problème sous IE.
Ce n'est donc ni un problème d'URL, ni un problème @import

:calim2:

En désespoir de cause j'ai essayé d'enlever l'attribut media="screen"... ça ne fonctionne toujours pas.

Je ne vois qu'une seule explication rationnelle : il y a des directives dans ma feuille CSS qui ne plaisent pas à IE.

Vous voyez autre chose ? :aie:

Bonjour,

Citation:

---

Envoyé par Amon

Vous voyez autre chose ? :aie:

---

Le problème ne venant donc pas de l'appel ou de l'emplacement du fichier CSS, ni de l'@import, pour ma part, non... :?
Tenter de faire des essais simples sur une page de test pourrait aider (avant de partir dans des modifications sur le "vrai" css)... ;)

Pour apprendre CSS oublie pas ces très bons tutoriels et cours de formation CSS : http://css.developpez.com/cours/

OK, je m'oriente donc vers un débuggage long et fastidieux... c'est parti ! :aie:

Bonjour,

Citation:

---

Envoyé par Amon

Je ne vois qu'une seule explication rationnelle : il y a des directives dans ma feuille CSS qui ne plaisent pas à IE.

---

Oui, c'est la directive @import qui ne plait pas à IE ;)
Layout.css est chargé après la CSS appelé via <link /> styles.css et d'où l'origine d'un phénomène désagréable sous IE7- appelé FOUC.
Cependant, il est possible que IE arrête le chargement de la page au bout d'un moment ...
Bref, le seul moyen pour garantir le chargement de tous les styles en même temps c'est de tout inclure via <link />.

N'oublie pas aussi d'appeler ton fichier via URL :

Code:

---

1 2	@import url(layout.css);

---

Citation:

---

Envoyé par Macmillenium

Oui, c'est la directive @import ne pait pas à IE ;)
Layout.css est chargé après la CSS appelé via <link /> styles.css et d'où l'origine d'un phénomène désagréable sous IE7- appelé FOUC.
Cependant, il est possible que IE arrête le chargement de la page au bout d'un moment ...
Bref, le seul moyen pour garantir le chargement de tous les styles en même temps c'est de tout inclure via <link />.

---

Tu m'auras appris quelque chose, bien joué fillot ;)

+1 pour Macmillenium
à moi aussi.

Macmillenium, suivant tes conseils j'ai utilisé le code suivant :

Code:

---

1 2	<link rel="stylesheet" type="text/css" href="http://localhost/beausejour/public/css/layout.css" /> <link rel="stylesheet" type="text/css" href="http://localhost/beausejour/public/css/styles.css" />

---

Tout fonctionne désormais parfaitement ! :ccool:
Un grand merci !

C'est pas ce que j'avais demandé de faire ? :aie:

Bref, l'important est que ça fonctionne maintenant :)