Bonjour,
A s'arracher les cheveux !!!
J'ai une page dont certaines zones texte ne s'affichent pas toujours. Cad que lorsque j'ouvre sous IE, tout va bien, par contre, si je vais voir une autre appli et que je reviens sous IE, certaines parties textes sont transparentes. Cependant, on les recupère bien en surlignant avec la souris. Ce problème est très aléatoire puisqu'il n'apparait pas toujours, il faut parfois 10 aller-retour pour que le problème survienne.
J'ai cherché d'ou ça pouvait venir (em, float, etc.), mais je bloque
Voici la page (sinon voir le code plus bas) :
http://www.publika.fr/test/test.html[/url]
Le problème est aussi visible sous FF mais plus souvent sous IE.
Si quelqu'un a déjà rencontré ce problème et c'est d'où ça vient. Merci de me m'eguiller car là, je pleure
Merci de votre aide
******************HTML
**************CSS
Modifié par statvg (05 Jul 2006 - 10:22)
A s'arracher les cheveux !!!
J'ai une page dont certaines zones texte ne s'affichent pas toujours. Cad que lorsque j'ouvre sous IE, tout va bien, par contre, si je vais voir une autre appli et que je reviens sous IE, certaines parties textes sont transparentes. Cependant, on les recupère bien en surlignant avec la souris. Ce problème est très aléatoire puisqu'il n'apparait pas toujours, il faut parfois 10 aller-retour pour que le problème survienne.
J'ai cherché d'ou ça pouvait venir (em, float, etc.), mais je bloque
Voici la page (sinon voir le code plus bas) :
http://www.publika.fr/test/test.html[/url]
Le problème est aussi visible sous FF mais plus souvent sous IE.
Si quelqu'un a déjà rencontré ce problème et c'est d'où ça vient. Merci de me m'eguiller car là, je pleure
Merci de votre aide
******************HTML
<body>
<div id="container">
<!--=================================== HEADER ===================================-->
<div id="header">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="556" height="205" accesskey="m" title="machinchose">
<param name="movie" value="entete.swf?rub=1" />
<param name="quality" value="high" />
<embed src="entete.swf?rub=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="556" height="205" bgcolor="#2B3B4C"></embed>
</object>
</div><!-- /header -->
<!--=================================== SOUS MENU ===================================-->
<div id="t_index">
<h1>Societe xy</h1>
<ul>
<li><a href="#">titre 1</a></li>
<li><a href="#">titre 2</a></li>
<li><a href="#">titre 3</a></li>
</ul>
</div>
<!--=================================== CENTRE ===================================-->
<div id="centre">
<div id="c_index">
<div id="publipack">
<img src="images/publipack.jpg"/>
</div><!-- /publipack -->
<!-- ********** PARTIE INTRO ********** -->
<div id="intro">
<h1>Bienvenue,</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce vulputate nisl et justo. Pellentesque elit erat, blandit in, venenatis vel, convallis vel, sem. Pellentesque eu lacus. Nunc dapibus, lacus ac tincidunt viverra, diam ligula mollis ante, quis ornare orci sem ut magna.</p>
<p>N'hésitez pas à nous contacter !</p>
</div><!-- /intro -->
<!-- ********** PARTIE ACTUS ********** -->
<div id="les_actus">
<img src="images/index_actu.gif" alt="Actualités" width="104" height="26" />
<div id="actus">
<p class="date">19/05/2006</p>
<p class="texte">Mise en ligne du Site machinchose</p>
<hr/>
<p class="date">19/05/2006</p>
<p class="texte">Mise en ligne du Site machinchose</p>
<hr/>
<p class="date">19/05/2006</p>
<p class="texte">Mise en ligne du Site machinchose</p>
<hr/>
</div><!-- /actus -->
</div><!-- /les_actus -->
<!-- ********** PARTIE CONFIANCE ********** -->
<div id="confiance">
<img src="images/index_confiance.gif" alt="ils nous font confiance" width="133" height="26" />
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="159" height="104" title="title">
<param name="movie" value="images/confiance.swf" />
<param name="quality" value="high" />
<embed src="images/confiance.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="159" height="104"></embed>
</object>
</div><!-- /confiance -->
<hr class="spacer"/>
</div><!-- /c_index -->
</div><!-- /centre -->
<!--=================================== FOOTER ===================================-->
<div id="footer">
<p>© machinchose</p>
</div><!-- /footer -->
</div><!-- /container -->
</body>**************CSS
body { font-size:62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0px; background:#2B3B4C;}
h1 { margin:0; padding:0; }
p { margin:0; padding:0; }
.spacer { visibility:hidden; clear:both; }
#container { margin:0 auto; width:556px; }
#header { height:205px; padding-bottom:36px; background: url(imagescss/spirales.gif) bottom no-repeat; }
#footer { height:64px; background:url(imagescss/footer.gif) top no-repeat; }
#footer p { visibility:hidden; }
#centre { background:url(imagescss/back_centre.gif) top repeat-y; padding:0px 20px 30px 20px; }
/* ---------------------------- Les SOUS-MENU ---------------------------- */
#t_index { height:109px; }
#t_index h1 { font-size:1.4em; visibility:hidden; }
#t_index ul { margin: 44px 0px 0px 190px; _margin-left:230px; }
#t_index li { display:inline; background:url(imagescss/puce_orange.gif) 10px 4px no-repeat; padding-left:20px; }
#t_index li a { color:#959DA5; font-size:1.1em; text-decoration:none; }
#t_index li a:hover { color:#E77817; font-size:1.1em; text-decoration:none; }
/* ---------------------------- INDEX ---------------------------- */
#t_index { background: url(imagescss/titre_societe.gif) top no-repeat; }
#c_index { padding:0px 19px; }
#intro { margin-bottom:25px;}
#intro h1 { font-size:1.2em; color:#E77817; margin:7px 25px;}
#intro p { margin:3px 25px; text-align:justify; font-size:1em; }
#les_actus { width:297px; height:128px; float:left; }
#les_actus img { margin:0px 0px 10px 20px; }
#actus { background:url(imagescss/index_bg_actu.jpg) 0px 0px no-repeat; padding:0px 18px;}
.date { width:75px; color:#2B3B4C; float:left; }
.texte { width:146px; color:#2B3B4C; margin:0px 0px 0px 85px;}
#actus hr { border:0px; background:#CCCCCC; color:#CCCCCC; height:1px; margin:4px auto; _margin: -3px auto; padding:0px; width:97%; text-align:center; }
#confiance { float:right; width:133px; margin:0px 40px 0px 0px; }
#confiance img { margin:0px 0px 5px 13px; text-align:right; }
Modifié par statvg (05 Jul 2006 - 10:22)
