Pb CSS pour un affichage de menus fixe à droite

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Pb CSS pour un affichage de menus fixe à droite

damcmoi

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

Publicité

FlorentG

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

damcmoi

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

FlorentG

Le problème, c'est qu'en position fixed (ou absolute), les boîtes sortent du flux, donc le menu_1 ne va pas "pousser" le menu_2

damcmoi

ail mince ....
Ben super pour cette info ça change toute la structure de mon site !! Faut que je m'adapte !
Merci bcp.

FORUM HardWare.fr

Programmation

HTML/CSS

Pb CSS pour un affichage de menus fixe à droite

Sujets relatifs
aucun affichage	CSS : question sur l'avenir
Insertion flash et CSS	[ASP/ACCESS]Affichage d'un recordset dans des zones de texte
CSS pour impression	[CSS] bug background-image
Probleme d'affichage a cause des annonces de google	Probleme d'affichage css (retour a la ligne)
CSS - Questions de débutant	Faire apparaître 4 menus déroulants différents sur une même page ?
Plus de sujets relatifs à : Pb CSS pour un affichage de menus fixe à droite

Page générée en 0.040 secondes