CSS: Aidez mes menulinks ne reste pas au même endroit

Question

Aide! Ceci est mon menu. Je veux rester au même endroit, donc si vous redimensionnez ou faites glisser le navigateur, il ne devrait pas suivre le navigateur et déplacer le menu sur le côté

<div id="mainmenu" style="position: relative;"> 
<div id="menuLinks" style="position: absolute; right: 70px; top: 10px; "> 
<a href="home.php">HEM</a> 
<a href="#">PROFILER</a> 
<a href="#">BILDER</a> 
<a href="#">DISKOTEKER</a> 
<a href="#">EVENTS</a> 
<a href="#" class="menu_class">KONTROLLPANEL</a> 
</div> 

Cela ne fonctionne que si je change la ligne div mainmenu à:

<div id="mainmenu" style="position: relative; width: 1200px;"> 

(donnant une largeur:) alors il reste à l'endroit. Mais je ne veux pas spécifier la largeur, car alors il se terminera trop tôt pour d'autres résolutions d'écran et donc ..

Comment puis-je résoudre ce problème?

Answer 1

Utilisez position: absolute; pour une position fixe dans le document (déplacez le défilement de la page).

Utilisez position: fixed pour une position fixe dans la fenêtre du navigateur. (ne bouge pas lorsque vous faites défiler la page)

Dans les deux cas, utilisez left et top pour spécifier la position de départ.

Vous n'avez pas besoin de spécifier une largeur dans les deux cas.

position: fixed ne fonctionnera pas dans IE 6.

Answer 2

Vous pouvez utiliser la position absolue et définir l'attribut de gauche pour tout ce que vous mesurez dehors pour être et laisser tomber l'attribut droit.

Mais une meilleure solution peut être d'utiliser des divs flottants. Il est impossible de le dire sans regarder le reste de votre code.

Ce projet est intéressant que vous pouvez être intéressé. http://960.gs/