28172 sujets

CSS et mise en forme, CSS3

Problème d'affichage IE7

Bonjour tout le monde

Voilà, je suis entrain de faire un site et j'essaye de le rendre compatible au maximum.
Jusqu'à là je n'avait aucun problème particulier (firefox / IE6 / safari ...), j'ai testé sur IE7 hier le site et là, à chaque changement de page, celles-ci s'affichent comme si la feuille ne style n'était pas trouvée et cela tout le temps de chargement de la page. Une fois la page complètement chargée tout s'affiche bien. Ca le fait que sous IE7.
En fait on a l'impression qu'à chaque fois cela recharge et cherche la feuille de style.

j'appelle la feuille de style comme cela :

<style type="text/css" media="screen">
@import url(styles.css);
</style>


Je ne sais pas si je me suis bien fait comprendre, je ne peux pas vous donner l'adresse car c'est un site intranet pour le boulot.

En tout cas merci d'avance pour ceux qui vondront bien m'expliquer ce phénomène.
Bonjour,

Un peu léger niveau information ... La déclaration de la feuille de styles est correcte ...

D'autres facteurs sont probablement responsables de la chose ...

Pourrais-tu nous fournir un peu plus d'info ... ?
Et bien voilà le code d'une page essai qui a ce problème :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>

<title>TEST</title>

<style type="text/css" media="screen">
@import url(styles.css);
</style>

<!--[if IE 6]><link href="ie.css" rel="stylesheet" media="screen" type="text/css" /><![endif]-->


</head>

<body>

<div id="container">
<div id="logo">
	<div id="header">
		<ul>
			<li><a href="#">lien 1</a></li>
			<li><a href="#">lien 2</a></li>
		</ul>
	</div>
</div><!-- end logo -->
<div id="insidecontent">
	<div class="column margin52">
	<div class="whitebg">
		<!-- start of main body -->
		<h1>titre</h1>
		<p>texte</p>
		<br />
		<div id="list">
			<div class="plans">
	
					<ul class="left">

						<li><a href="#">lien 1</a></li>
						<li><a href="#">lien 2</a></li>
		
					</ul>
				
			<div class="clearleft"></div>
			</div><br /><br />
		</div>

						
		<!-- end of main body -->
	</div>
	</div>
</div><!-- end insidecontent -->
<div id="homecontent"><!-- start of right column -->
	<div class="column">

		<h1>Menu 1</h1>
		<div class="column-bg">
					<ul>
						<li></li>						
						<li></li>
					</ul>
		</div>
	</div>
	<div class="column top">
		<h1>Menu 2</h1>
		<div class="column-bg">
			<p>texte</p>
		</div>
	</div>
</div><!-- end homecontent -->

	<div class="clearleft"></div>

<div id="footer">
	<ul class="left">
		<li>pied de page</li>	
	</ul>
	<div class="clearleft"></div>
</div><br /><br />


</div><!-- end container -->
</body>
</html>


Je viens de m'apercevoir que j'avais oublié d'indiquer qu'il y avait également une feuille pour IE 6 :
<!--[if IE 6]><link href="ie.css" rel="stylesheet" media="screen" type="text/css" /><![endif]-->


dans cette feuille, je ne reprends pas tout ce qu'il a dans style.css, mais seulement ce qu'il faut en plus ou moins pour IE, le problème vient peut être de là ?

En tout cas encore merci !
Modifié par lugdanum (15 Apr 2008 - 14:16)
La fermeture de ton commentaire conditionnel peut en effet poser problème :

a écrit :
<!--[if IE 6]> ... <![endif]-->
Et bien en fait, je ne sais pas pourquoi sur le forum la fin du commentaire conditionnel n'apparaît pas (avec la balise code), mais j'ai bien ce que tu as marqué dans ma source :

a écrit :

<style type="text/css" media="screen">
@import url(styles.css);
</style>

<!--[if IE 6]><link href="ie.css" rel="stylesheet" media="screen" type="text/css" /><![endif]-->

zut alors le < ! [ endif ] -- > même avec la balise quote n'apparait pas ?

C'est bizarre , d'autant que ça ne le fait qu'avec IE7, même pas IE6.

Est-ce que je dois mettre ton mon code CSS de la feuille styles.css en plus dans celle ie.css ?

MERCI d'avance !
Modifié par lugdanum (15 Apr 2008 - 23:02)
Sujet clos
Aller à