Pb CSS pour un affichage de menus fixe à droite

Marsh Posté le 30-06-2005 à 09:36:57

Salut à tous,
Je suis débutant confirmé en css. Je fais un site pour la 1ère fois et j'ai un pb d'affichage.
Je veux avoir une page, qui contient du texte que je fais défiler avec l'ascenceur de droite (tout ce qui est de plus normal quoi!), sauf que je veux afficher sur la droite de la page des menus fixes dans des boites(2 boites). Le pb est que la 2è boite s'affiche sur la 1ère (donc je vois plus la 1ère ) et je comprends pas pourquoi. Voici mon code:
Page htlm:

Code :

<html>
<head>
<title>Mon super site</title>
<link rel="stylesheet" media="screen" type="text/css" href="index_fichiers/stylebas.css"/>
</head>
<body>
jkiohfjk
klhgjkhju
kljhbjklhb
<p>
ici ya plein
<p>
de truc
<p>
de marqués
<div id="menu">
<div class="menu_1">
<h1>Menu1</h1>
hey Ho Hey <br> Héhé hihi
</div>
<div class="menu_2">
<h1>Menu2</h1>
hey Ho Hey <br> Héhé hihi
</div>
</div>
</body>
</html>

et voici le css associé :

Code :

body
{
background-image: url("carresbleus.png" );
background-repeat : repeat-x,repeat-y;
background-attachment: fixed;
}
a {font-size: 12px;text-decoration: none}
a:link {color:#FFFFFF}
a:visited {color:#FFFFFF}
a:active {color:#ffffff}
a:hover{color: #6666ff; font-size:12px; text-decoration: underline;}
#menu
{
width: 350px;
}
.menu_1
{
background-image: url("carresjaunes.png" );
background-repeat : repeat-x,repeat-y;
background-attachment: fixed;
border: 2px ridge #e1a31a;
padding: 12px;
position: fixed;
right: 30px;
top: 30px;
margin-bottom: 20px;
}
.menu_2
{
background-image: url("carresjaunes.png" );
background-repeat : repeat-x,repeat-y;
background-attachment: fixed;
border: 2px ridge #e1a31a;
padding: 12px;
position: fixed;
right: 30px;
margin-bottom: 20px;
}

Au secours ! :??: Merci à vous

Reply

Marsh Posté le 30-06-2005 à 09:36:57

Reply

Marsh Posté le 30-06-2005 à 09:40:23

T'as pas précisé de top dans le menu 2

Reply

Marsh Posté le 30-06-2005 à 09:45:38

oui je l'avais fait exprès. Je pensais que l'alignement haut du menu 2 se ferait 20px sous le bas du menu 1.
Parce que si je mets top ds le menu 2, il faut qu'il soit égal à 30px(top1)+height du menu1+espace entre le menu1 et 2???
donc ds ce cas :
top= 150px; (30+100+20)?
je voulais faire un alignement automatique quelque soit la hauteur du menu1... Tu me suis lol? Merci pour ton aide