Discussion :

[Amon]

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 :

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

<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 :

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

@import "layout.css";

Merci d'avance pour votre aide !

Quelques précisions :

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

[aityahia]

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+

[Seb147]

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 ?

[Amon]

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.

[Seb147]

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

[Amon]

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



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 ?