salut à tous,
j'ai un pb d'afiichage depuis la venue au monde d'IE7..
les div qui comportent des overflow ne s'affichent pas alors que tout va bien sur firefox, et IE6.
le site: http://www.motoclub.villecomtal.fr/inscrits.php
On peut voir ce que ça donne sur les 2 images en pj .
sur firefox et ie6:
sur ie7:
voici le code d'une page sur laquelle je retrouve le pb:
et le css correspondant:
quelqu'un aurait-il une soluce ???
Merci !
Modifié par el fab (18 Feb 2007 - 20:03)
j'ai un pb d'afiichage depuis la venue au monde d'IE7..
les div qui comportent des overflow ne s'affichent pas alors que tout va bien sur firefox, et IE6.
le site: http://www.motoclub.villecomtal.fr/inscrits.php
On peut voir ce que ça donne sur les 2 images en pj .
sur firefox et ie6:
sur ie7:
voici le code d'une page sur laquelle je retrouve le pb:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="alternate" type="application/rss+xml" title="RALLYE DU DOURDOU" href="/fluxRDD.rss" />
<link rel="shortcut icon" href="/images/favicon.ico" />
<link rel="stylesheet" type="text/css" href="/css/stylesMCV2.css" />
<title>Inscriptions 2007 reçues (sous réserve de validation)</title>
<style type="text/css">
hr.pme-hr { border: 0px solid; padding: 0px; margin: 0px; border-top-width: 1px; height: 1px; }
table.pme-main { border: #ffffff 1px solid; border-collapse: collapse; border-spacing: 0px; width: 100%; }
table.pme-navigation { border: #ffffff 0px solid; border-collapse: collapse; border-spacing: 0px; width: 100%; }
th.pme-header { border: #ffffff 1px solid; padding: 4px; background: #999999; }
td.pme-key-0, td.pme-value-0, td.pme-help-0, td.pme-navigation-0, td.pme-cell-0,
td.pme-key-1, td.pme-value-1, td.pme-help-0, td.pme-navigation-1, td.pme-cell-1,
td.pme-sortinfo, td.pme-filter { border: #ffffff 1px solid; padding: 3px; }
td.pme-buttons { text-align: left; }
td.pme-message { text-align: center; }
td.pme-stats { text-align: right; }
</style>
</head>
<body>
<div id="global">
<a href="http://www.motoclub.villecomtal.fr/accueil.html">
<img src="http://www.motoclub.villecomtal.fr/images/header.gif" alt="" width="800" height="137" border="0" usemap="#Map2" />
<map name="Map2" id="Map2"><area shape="rect" coords="680,2,777,24" href="http://www.motoclub.villecomtal.fr/IntroMCV.swf" target= "_blank" alt="" />
<area shape="poly" coords="481,49,522,93,627,81,638,28" href="http://www.ffmoto.org/" target="_blank" alt="" />
</map>
</a>
<div class="menu">
<div class="titremenu">Goodies</div>
<div class="contenugoodies">
<img src="http://www.motoclub.villecomtal.fr/images/icones/goodies.jpg" border="0" usemap="#Map" alt=""/>
<map name="Map" id="Map">
<area shape="poly" coords="67,68,67,7,6,8,4,69" href="photos.html" alt="" />
<area shape="rect" coords="79,9,146,72" href="videos.html" alt="" />
<area shape="rect" coords="6,81,75,137" href="revue_presse.html" alt="" />
<area shape="rect" coords="84,81,145,135" href="http://gabbly.com/www.motoclub.villecomtal.fr/contacts.html" alt="" />
</map>
</div>
<div class="titremenu">Le motoclub</div>
<div class="sectionLinks">
<a href="http://www.motoclub.villecomtal.fr/presentation_mcv.html">L'équipe</a>
<a href="http://www.motoclub.villecomtal.fr/sorties_mcv.html">Les sorties</a>
<a href="http://www.motoclub.villecomtal.fr/contacts.html">Nous contacter</a>
</div>
<div class="titremenu">Le rallye en détails</div>
<div class="sectionLinks">
<a href="http://www.motoclub.villecomtal.fr/presentation_rdd.html">Présentation</a>
<a href="http://www.motoclub.villecomtal.fr/organisation_rdd.html">Organisation</a>
<a href="http://www.motoclub.villecomtal.fr/speciales_rdd.html">Spéciales / Routier</a>
<a href="http://www.motoclub.villecomtal.fr/inscriptions.html">S'inscrire</a>
<a href="http://www.motoclub.villecomtal.fr/inscrits.php">Inscriptions reçues</a>
<a href="http://www.motoclub.villecomtal.fr/engages.html">Les engagés 2007</a>
<a href="http://www.motoclub.villecomtal.fr/resultats2006_rdd.html">Résultats</a>
</div>
<div class="titremenu">La région</div>
<div class="sectionLinks">
<a href="http://www.motoclub.villecomtal.fr/hebergement_region.html">Hébergement</a>
<a href="http://www.motoclub.villecomtal.fr/produitslocaux_region.html">Produits locaux</a>
</div>
<div class="sectionLinks">
<a href="http://www.motoclub.villecomtal.fr/localisation.html" >Localisation</a> </div>
<div class="titremenu">Divers</div>
<div class="sectionLinks">
<a href="http://www.motoclub.villecomtal.fr/liens_divers.html">Liens</a>
<a href="http://www.motoclub.villecomtal.fr/sponsors_divers.html">Sponsors</a>
<a href="http://www.motoclub.villecomtal.fr/administration/admin.php">Administration</a>
</div>
<div class="titremenu">Newsletter / RSS</div>
<div class="sectionLinks">
<a href="http://www.motoclub.villecomtal.fr/newsletter/" target="_blank">S'inscrire aux news </a>
<a href="http://www.motoclub.villecomtal.fr/flux.html">Flux <img src="http://www.motoclub.villecomtal.fr/images/valid/feed-icon.gif" alt="" border="0"/> <img src="http://www.motoclub.villecomtal.fr/images/valid/rss.png" alt="" border="0"/></a></div>
</div>
<div class="contenu">
<div class="titrepage" >Inscriptions 2007 reçues (sous réserve de validation)</div>
<div class="texte">
<div class="bloc2">
<br/>Nombre de demandes: 30<br/><br/><table width="100%">
<tr><td bgcolor="#cc6600" ><b><u>Pilote </u></b></td><td bgcolor="#cc6600"><b><u>Singe </u></b></td><td bgcolor="#cc6600"><b><u>Moto </u></b></td><td bgcolor="#cc6600"><b><u>Catégorie</u></b></td><td bgcolor="#cc6600"><b><u>Date inscription</u></b></td><td bgcolor="#cc6600"><b><u>Date annulation</u></b></td></tr>
<tr><td bgcolor="#666666">ROQUES REMI</td><td bgcolor="#666666"></td><td bgcolor="#666666">YAMAHA 600 XT</td><td bgcolor="#666666">MONO</td><td bgcolor="#666666">2006-11-09</td><td bgcolor="#666666">0000-00-00</td></tr>
<tr><td bgcolor="#666666">LAURENT THIERRY</td><td bgcolor="#666666"></td><td bgcolor="#666666"></td><td bgcolor="#666666">TOP SPORT</td><td bgcolor="#666666">2006-12-13</td><td bgcolor="#666666">0000-00-00</td></tr>
<tr><td bgcolor="#666666">FERREIRA-MARTINS FER</td><td bgcolor="#666666"></td><td bgcolor="#666666">YAMAHA 1000 FZS</td><td bgcolor="#666666">TOP SPORT</td><td bgcolor="#666666">2007-01-12</td><td bgcolor="#666666">0000-00-00</td></tr>
</table>
</div>
</div>
</div>
<div id="footer">www.motoclub.villecomtal.fr - Le Rallye du Dourdou.</div>
<table width="800" border="0">
<tr>
<td width="85"><a href="http://www.motoclub.villecomtal.fr/fluxRDD.rss"><img src="images/valid/valid_rss2.png" alt="" width="80" height="15" border="0"/></a> </td>
<td width="85"><a href="http://getfirefox.com/"
title="Get Firefox - The Browser, Reloaded." target="blank"><img
src="http://www.mozilla.org/products/firefox/buttons/firefox_80x15.png"
width="80" height="15" border="0" alt="Get Firefox"/></a></td>
<td width="85"><img src="images/valid/valid_css.gif" alt="" width="80" height="15" /></td>
<td width="85"><img src="images/valid/valid_xhtml1.gif" alt=""width="80" height="15" /></td>
<td width="85"> </td>
<td width="85"> </td>
<td width="85"> </td>
<td><img src="/images/valid/desby_elfab.gif" width="100" height="15" align="right" alt="" /></td>
</tr>
</table>
</div>
</body>
</html>
et le css correspondant:
/* CSS Document */
A:hover {
FONT-WEIGHT: bold;
TEXT-DECORATION: none;
COLOR: #ff3300;
}
A {
FONT-WEIGHT: bold;
TEXT-DECORATION: none;
COLOR: #ffcc00;
}
body {
background-image:url(../images/fond.jpg);
background-position:center;
margin-top: 10px;
text-align: center; /* pour corriger le bug de centrage IE */
}
#global {
margin-left: auto;
background-color:#000000;
margin-right: auto;
width: 800px;
text-align: left; /* on rétablit l'alignement normal du texte */
text-decoration: none;
}
#footer {
clear:both;
width:800px;
height:22px;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
color:#FFcc00;
text-align:center;
background-image:url(../images/title.gif);
border-bottom: 5px solid #000000;
border-top: 5px solid #000000;
z-index:1;
}
.titrepage {
margin-top:6px;
width:646px;
height:22px;
float:left;
font-family:Tahoma;
color:#FFcc00;
font-size:14px;
font-weight:bold;
text-align:center;
background-image:url(../images/title.gif);
}
.titremenu {
margin-top:6px;
width:150px;
height:22px;
font-family:tahoma;
font-size:14px;
font-weight:bold;
color:#FFcc00;
text-align:center;
background-image:url(../images/title.gif);
border-bottom: 2px solid #000000;
}
.menu {
margin-top:10px;
margin-bottom:5px;
float:left;
}
.contenu {
margin-top:10px;
margin-bottom:5px;
float:left;
margin-left: 4px;
width:646px;
z-index:0;
}
.texte{
font-family:Tahoma;
color:#CCCCCC;
font-size:12px;
font-weight:normal;
text-align:justify;
background-image:none;
padding-left:15px;
padding-right:15px;
padding-top:15px;
padding-bottom:15px;
}
.sectionLinks{
margin: 0px;
padding: 0px;
width: 150px;
}
.sectionLinks h3{
padding: 10px 0px 2px 10px;
border-bottom: 1px solid #000000;
}
.sectionLinks a:link, .sectionLinks a:visited {
display: block;
border-bottom: 2px solid #000000;
background-color:#999999;
font-family:Tahoma;
font-size:12px;
font-weight: bold;
padding: 3px 0px 3px 10px;
color:#FFFFFF;
text-decoration: none;
}
.sectionLinks a:hover{
background-color: #ff4400;
background-image: none;
font-weight: bold;
text-decoration: none;
}
.iconebas{
font-family:Tahoma;
font-weight:bold;
font-size:12px;
color:#FFFFFF;
padding: 13px 0px 2px 10px;
background-color:#999999;
width: 140px;
border-bottom: 2px solid #000000;
}
.contenuvideos {
position:absolute;
text-align:center;
width:75px;
height:60px;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
background-color:#999999;
left: 178px;
top: 192px;
}
.contenupressbook {
position:absolute;
width:75px;
height:60px;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
background-color:#999999;
text-align:center;
left: 178px;
top: 247px;
}
.contenuphotos {
width:75px;
height:60px;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
background-color:#999999;
text-align:center;
}
.contenuchat {
width:75px;
height:60px;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
background-color:#999999;
text-align:center;
}
.contenugoodies {
border-bottom: 0px solid #000000;
}
div.bloc1 {
width: 630px;
height: 676px;
overflow:hidden;
overflow-x: hidden;
overflow-y: scroll;
border: 1px solid #000;
position: absolute;
color: #fff;
top:200px;
}
div.bloc2 {
width: 630px;
height: 665px;
overflow: hidden;
overflow-x: hidden;
overflow-y: scroll;
border: 1px solid #000;
position: absolute;
color: #fff;
top:211px;
}
basmoto {
width: 195px;
height: 19px;
position: absolute;
z-index:1;
left: 158px;
top: 147px;
}
.side {
width: 200px;
height: 142px;
position: absolute;
z-index:1;
left: 807px;
top: 28px;
} quelqu'un aurait-il une soluce ???
Merci !
Modifié par el fab (18 Feb 2007 - 20:03)
pour indenter ce code comme il faut, supprimer le supperflu et passer un coup au W3C validator...(si, si j'y tiens...