28172 sujets

CSS et mise en forme, CSS3

Rendre un menu fixe

Bonjour!
J'ai un petit souci. J'ai fait mon site internet mais je n'arrive pas à rendre le menu fixe.
J'ai retourné le problème dans tous les sens pour ma balise ID, essayé le menu en "fixe" et tenté les autres, mettre les cotes en px ou en %, ou encore en cm...et même simplifier en mettant une couleur d'arrière plan pour mieux voir.

Voilà. Est-ce que je le fais mal?
Merci beaucoup.

=>j'ai cherché la question mais je ne l'ai pas trouvée. Désolé si elle existe...

TM
oui oui bien sûr. C'est ce que je disais quand je parlais de le passer en fixe.
Mais ça ne fonctionne pas... je ne comprends pas.

j'ai essayé de faire des div de 3000px de haut pour avoir à descendre, ou remplir un div avec des images en vertical, mais quand je descend dans ma page (firefox ou safari) le menu ne reste pas à la même place dans la page. Il remonte avec le reste...

Alors je suis triste..
Il faudrait que tu nous donnes du code à se mettre sous la dent, sans quoi on ne pourra pas t'aider .. Ou mieux, un exemple en ligne.
Deuxio
Le code: (c'est un template)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="IMAGES/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>MODELE DE BASE</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
#Front {
height: 400px;
width: 250px;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 14px;
position: fixe;
top: 0%;
right: 0%;
}
a img
{
border: none;
}
a
{
text-decoration:none;
}


#editable {
position: absolute;
left: 250px;
height: 600px;
top: 50px;
overflow: visible;
width: 600px;
font-family: Verdana, Geneva, sans-serif;
font-size: 9px;
font-style: italic;
line-height: 14px;
font-weight: lighter;
color: #000;
text-decoration: none;
}
#contenu {
height: 300px;
width: 200px;
position: absolute;
right: 4%;
top: 50px;
font-family: Verdana, Geneva, sans-serif;
font-size: 9px;
line-height: 14px;
font-weight: lighter;
overflow: auto;
}
</style>

</head>

<body id="menu">
<div id="contenu"><!-- TemplateBeginEditable name="EditRegion4" -->EditRegion4<!-- TemplateEndEditable --></div>
<div id="editable"> <!-- TemplateBeginEditable name="EditRegion3" -->EditRegion3<!-- TemplateEndEditable --></div>
<div id="Front">
<p><a href="../PAGES/accueil.html"><img src="../IMAGES/theomongourdin.png" width="187" height="26" /></a><br />
[SITE EN CONSTRUCTION]<br />
<br />
W O R K<br />
Skates (<span class="clignote_new">à venir</span>) <br />
<a href="../PAGES/Foulards.html">Foulards</a><br />
<a href="../PAGES/Tapis Persans.html">Tapis</a><br />
<a href="../PAGES/VITRAIL.html">Vitraux</a><br />
<a href="../PAGES/Baudruche de Delft.html">Baudruche de Delft</a><br />
<a href="../PAGES/Kit Pixels.html">Kit Pixels</a><br />
<a href="../PAGES/Cimade.html">Cimade</a><br />
<br />
<a href="../PAGES/AMIS.html"><br />
A M I S</a><br />
<br />
C O N T A C T<br />
theo.mongourdin@neuf.fr<br />
06.62.04.40.52<br />
PARIS
<br />
</p>
</div>
</body>
</html>
Sujet clos
Aller à