[resolu] Position un élément en haut de page indépendemment du reste

Bonjour,
Je manque de méthodologie, et devant l'ampleur de la documentation disponible je m'en remet à vous.

Voici la situation. (voir la page concerné par ici)
Un site contenu dans un div #root{margin-top:30px;} ; donc tout le site est décalé vers le bas.
Dans ce site y'a le code du menu sur lequel je travail. Le menu est visible en permanence et est contenu dans un div menufixe html>body .menufixe {position: fixed}

L'idée finale: placer le menu tout en haut de la page réel et non pas en haut du conteneur root. J'ai décalé le site vers le bas afin d'y placer le menu en haut.

Actuellement le code brut est (à peu de chose prêt)

.menu2 {
width:980px;
margin:0;
position:relative; 
z-index:90;
padding-top: 0px; /* régler la position du menu dans le conteneur et par rapport au bord haut, là je colle en haut du conteneur div root*/
}

J'ai bien sûr essayé plusieurs combinaisons et modifications, mais ça manquait clairement de méthode.

Je fais appel à votre encyclopédie pour: "Comment placer ce menu clairement en haut de page?"

merci.
Modifié par sloyvy (25 Jul 2008 - 14:31)

Salut,

Pour constater un peu plus précisément ton problème et être en mesure de t'aider, il serait bien que tu nous fournisses dans l'idéal une page en ligne, ou au moins l'intégralité de ton code, et/ou des images explicatives si nécessaire, comme le recommande la règle 13 du forum.
En l'état, j'ai peur qu'il ne soit difficile de t'apporter une solution.

c'est fait

J'ai bien sûr continué à chercher. Et j'ai trouvé.

.menu2 {
font-family: verdana, arial, sans-serif;
width:980px;
margin:0;
z-index: 90;
position: relative; 
/* padding-top: 0px; supprimé*/ 
top: 0px;
}

J'avais bizarrement oublié cette configuration. La solution simplisime.


Modifié par Mikachu (25 Jul 2008 - 15:03)