Bonsoir à tous,
Voilà je suis en train d'intégré mon site en css et je viens d'avoir un "bug" assez étrange...
Je test mon site sous FF et tout marche très bien, j'ai une image en background, avec un cadre de contenu dedans (qui me permet de scroller) et à l'intérieur de ce cadre je fais une liste où à chaque élement est associé un lien. Sous FF ça marche très bien (à part que quand je clic sur le lien une scrollbarre horizaontale apparait
) : mes liens s'affichent et je peux cliquer dessus mais sous IE, rien ne s'affiche...
Voici mon code, j'espère que quelqu'un comprendra d'où provient le "bug".
Et je l'appel comme ça dans mon HTML :
Merci d'avance pour votre aide et bonne fin de week-end!
Aurélie
P.S : je voulais juste préciser que j'avais essayer avec la méthode de ce site
http://openweb.eu.org/articles/overflow_fond_fixe/[/url]
mais que comme je ne voulais pas scroller sur toute la hauteur de l'image, j'ai essayé un autre méthode...
Modifié par lilie507 (28 Jan 2006 - 22:32)
Voilà je suis en train d'intégré mon site en css et je viens d'avoir un "bug" assez étrange...
Je test mon site sous FF et tout marche très bien, j'ai une image en background, avec un cadre de contenu dedans (qui me permet de scroller) et à l'intérieur de ce cadre je fais une liste où à chaque élement est associé un lien. Sous FF ça marche très bien (à part que quand je clic sur le lien une scrollbarre horizaontale apparait

Voici mon code, j'espère que quelqu'un comprendra d'où provient le "bug".
#catalogue_auteur_affiche{
background-image:url(images/onglets_entiers/catalogue_auteurs.gif);
background-repeat:no-repeat;
height:469px;
width:215px;
position:absolute;
top:168px;
left:25px;
}
#catalogue_auteur_scroll{
position:absolute;
height:430px;
width:222px;
top:35px;
left:-10px;
overflow:auto;
}
#catalogue_auteur_scroll ul {
position:relative;
list-style-type:none;
margin: 0 0 0 0;
padding: 10px 0 0 20px;
}
#catalogue_auteur_scroll ul li {
color:#FFFFFF;
background-image:url(images/icone_liste.gif);
background-repeat:no-repeat;
margin: 1em 0 1em 0;
background-position: 1px 0px;
padding:0px 0 5px 20px;
height:18px;
}
#catalogue_auteur_scroll ul li a{
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
display: block;
text-decoration: none;
}
#catalogue_auteur_scroll ul li a:hover{
color:#FFFFFF;
border:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
Et je l'appel comme ça dans mon HTML :
<div id="catalogue_auteur_affiche">
<div id="catalogue_auteur_scroll">
<ul>
<?
$sql_auteur="SELECT * FROM biographie";
$req_auteur=mysql_query($sql_auteur) or die (mysql_error());
while ($auteur=mysql_fetch_array($req_auteur)) {
$auteur=$auteur['nom'];
?>
<a href='#'><li><?=$auteur?></li></a>
<?
}
?>
</ul>
</div>
</div>
Merci d'avance pour votre aide et bonne fin de week-end!

Aurélie
P.S : je voulais juste préciser que j'avais essayer avec la méthode de ce site
http://openweb.eu.org/articles/overflow_fond_fixe/[/url]
mais que comme je ne voulais pas scroller sur toute la hauteur de l'image, j'ai essayé un autre méthode...
Modifié par lilie507 (28 Jan 2006 - 22:32)