Salut voil un code qui me donne bien du soucis sur ff c'est le overflow: auto qui en est la cause
je c'est fait un peu à l'arrache !
Merci pour vos conseils
<!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" xml:lang="fr" lang="fr">
<head>
<link rel="stylesheet" media="all" type="text/css" href="astuce.css" />
<body>
<div id="conteneur_3">
<!-- CONNEXION -->
<div id="connexion_1">
<div class="acces_membre">
<ul>
<li><a class="drop" href="">MENU
<!--[if IE 7]><!-->
</a>
<!--<![endif]-->
<table><tr><td>
<form method="post" action="administration/login.php3">
<ul>
<li>Connectez vous</li>
<li><a href="javascript:void(0)">Pseudo<br />
<input type="text" name="pseudo" class="champs" style="">
</a></li>
<li><a href="javascript:void(0)">Mot de passe<br />
<input type="password" name="passe" id="passe" class="champs" style="">
</a></li>
<li><a href="javascript:void(0)">
<input name="modif_infos" id="info_1" type="radio" name="modif_infos" value="1">Modifier vos infos
</a></li>
<li><a href="javascript:void(0)">
<input name="modif_infos" id="info_2" type="radio" value="2" checked>Votre espace membre
</a></li>
<li><a href="javascript:void(0)">
<input name="submit" type="submit" value="Connection" class= "connection" />
</a></li>
<li><a href="perdu.php3"><img src="" style="border-style: none; margin: 0px 5px 0px 0px"alt="" width="9" height="9" border="0" class="lien">Vous avez oublié votre mot de passe ?
</a></li>
</ul>
</form>
</td></tr></table>
<!--[if lte IE 6]>
</a>
<![endif]-->
</li>
</ul>
</div>
</div></div>
<div id="conteneur_inter">
</div>
<div id="conteneur_4">
<!-- TEXTE_ AVEC_ ACSENSEUR -->
<div id="bloc_texte">
<p><i>blablablablablablablablallablablablabla<b>blablablablablabla</b>.
blablablablablablablablablablablablablablablablablabla</b>
blablablablablablablablablablabllablablablablablabla</b>
blablablablablablablab<b>ablablablabblablablablabla</b>
blablablablablablablabablablablablablablablablablabla</b>
blablablablablablablablablablablablablalablablablab</b>
lablablablablablablablablablablablablabla</b>
blablablablablablablablablablablablablab</i></p>
</div>
</body>
</html>je c'est fait un peu à l'arrache !
#conteneur_4 {/*bloc_photos_news_selection */
position:relative;
width : 710px;
height : 100px;
margin : 0px 0px 0px 10px;
background : transparent;
}
#bloc_texte {
position :absolute;
display: block;
width : 407px;
height: 92px ;
overflow: auto;
padding :2px 5px 0px 5px;
border-bottom : 1px solid #cecece;
border-top : 2px solid #4a4a4a;
border-right : 1px solid #cecece;
border-left : 2px solid #4a4a4a;
background : #F6BA02;
background-attachment: fixed;
color : purple;
}
#bloc_texte p {
margin-top: 0; /* Là aussi, pas de marge au dessus du paragraphe */
font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
text-align: justify;
}
#conteneur_inter {/*Conteneur_haut_page*/
position : relative;
width : 710px;
height : 41px;
margin-left : auto;
margin-right : auto;
background:transparent;
}
#conteneur_3 {
position : relative;
width : 710px;
height : 41px;
margin-left : auto;
margin-right : auto;
background:red;
z-index:60;
}
table {
margin:0; padding:0; border:0;
border-collapse:collapse;
font-size:0px;
}
#connexion_1 {/*pseudo_passe */
position:absolute;
width : 52px;
height : 60px;
text-align : left;
margin :-10px 0px 0px 5px;
z-index:50;
}
.acces_membre {/*absolute_pour_ie */
position:absolute;
font-family:helvetica,arial,sans serif;
}
.acces_membre li:hover li {/*titre_menu_pour_ff */
color:#e0e0e0;/*gris_pour_ff*/
}
.acces_membre ul {
padding:0;
margin:0;
list-style-type: none;
}
.acces_membre ul li {
position:relative;
float:left;
}
.acces_membre ul li a, .acces_membre ul li a:visited {
display:block;
text-decoration:none;
width:52px;
height:60px;
color:#e0e0e0;/*gris_pour_ie*/
font-size:16px;
font-weight:bold;
background:#ff6600/*paille*/ url() top left no-repeat;
text-indent:-999px;
}
.acces_membre ul li ul {
visibility:hidden;
position:absolute;
width:180px;
font-size:16px;
font-weight:bold;
top:0;
left:0;
border:2px solid purple;
margin: 0px 0px 0px 50px;/* decalage de la fenetre du bouton */
}
.acces_membre ul li:hover a {/* specifique pour autres que IE */
width:235px;
}
.acces_membre ul li a:hover {/* specifique pour IE */
width:235px;
}
.acces_membre ul li:hover ul {
visibility:visible;
}
.acces_membre ul li a:hover ul {/* specifique pour IE */
visibility:visible;
}
.acces_membre ul li:hover ul li a {
display:block;
width:170px;
height:auto;
background : url();
text-indent:0;
color:purple;
font-weight:normal;
font-size:12px;
font-weight : bold;
text-align:left;
padding:5px;
}
.acces_membre ul li a:hover ul li a {/* specifique pour IE */
display:block;
background : url();
border:0;
margin:0;
text-indent:0;
color:purple;
font-weight:normal;
font-size:12px;
font-weight : bold;
height:auto;
line-height:1em;
padding:5px;
width:170px;
text-align:left;
}
.acces_membre ul li:hover ul li a:hover {
background : url();
color:#ffffcc;/*paille*/
}
.acces_membre ul li a:hover ul li a:hover {/*specifique pour IE*/
background : url();
color:#ffffcc;/*paille*/
}
Merci pour vos conseils
Je suis impressionné.
