28173 sujets

CSS et mise en forme, CSS3

Je voudrais tout d'abord vous remercier pour tout ce que vous faites et m'excuser de de ma questions mais la vraiment je doit avouer que malgrés mais nombreuses recherches sur internet et plusieurs nuits a m'arracher les cheveux je n'y arrive pas.
sa fait maintenant plus d'une semaine que je me casse la tete la dessus mais j'ai deux gros problemes.

Voila donc:
le premier, tout bete est l'absence de scrollbar alors que le site continue en bas de page.

le deuxieme un peut plus compliqué viens de mon menu j'ai voulu aujouter un menu horizontal une ligne. celui que viens de votre tutoriels (merci encore Smiley smile ) mais voila il est en position absolute et donc sous IE il suis le defilement de la page au lieux de rester gentiment a ca place!
j'ai bien essayer de passer en position relative. Mais le resultat est catastrophique!
je precise que le menu fonctionne parfaitement sous firefox.

voila donc l'adresse de mon site: http://lyon-roller.com

et le code css et html

#menu {
position : absolute;
width: 800px !important;
width: auto;
margin-top: 5px;
margin-left:10px;
}

#menu dl {
float: left;
}
#menu li {
display: inline;
}

#smenu1, #smenu2, #smenu3, #smenu4 {
position: absolute;
left: 0;
font-size: 0.7em;
width: auto;
margin-top: 10px;
}

	  <div id="menu">
	  
		<dl>

		<dt onmouseover="montre('smenu0');"><a href="#">Accueil</a></dt>

	</dl>  
	  
	<dl>

		<dt onmouseover="montre('smenu1');"><a href="#">Disciplines</a></dt>
			<dd id="smenu1">
				<ul>
					<li><a href="#">Descentes</a></li> 
					<li><a href="#">Freeskate</a></li> 
					<li><a href="#">Street</a></li> 
					<li><a href="#">Hockey</a></li> 
				</ul>

			</dd>
	</dl>
	
	<dl>			
		<dt onmouseover="montre('smenu2');"><a href="#">Utiles</a></dt>
			<dd id="smenu2">
				<ul>
					<li><a href="#">Tests</a></li> 
					<li><a href="#">Conseils</a></li> 
                    <li><a href="#">Randos perso</a></li> 
					<li><a href="#">Randos associatives</a></li>
					<li><a href="#">Jeux a la con</a></li>
					<li><a href="#">Les roller lyonnais</a></li>			
					
				</ul>
			</dd>
	</dl>
	
	<dl>	
		<dt onmouseover="montre('smenu3');"><a href="#">Medias</a></dt>
			<dd id="smenu3">
				<ul>
					<li><a href="#">Photos</a></li>
					<li><a href="#">Videos</a></li>

				</ul>
			</dd>
	</dl>

	
	<dl>	
		<dt onmouseover="montre('smenu4');"><a href="#">Sympas</a></dt>
			<dd id="smenu4">
				<ul>
					<li><a href="#">Cimetière</a></li>
					<li><a href="#">Evenements</a></li>
					<li><a href="#">Liens et Adresses</a></li>
					<li><a href="#">Urbana</a></li>
					<li><a href="#">Bande FM</a></li>
					<li><a href="#">Dura lex, sed lex</a></li>
					

				</ul>
			</dd>
	</dl>
	
</div>


merci encore pour votre aide precieuse.
Modifié par epheo (01 Aug 2007 - 16:24)
Bonjour epheo,

Tu as résolu tes soucis ? car je ne vois rien de ce que tu indiques dans ton post.
Bon voila a force de titiller mes problemes sembles resoluts.
sauf quue je ne sait pas dutout comment j'ai fait.
si je trouve je vous enverrez ma correction.
il semblerer que ce soit un histoire d' overfow:visible;
mais rien n'est moin sur.
merci encore et a bientot