Déplacement du corps sous Firefox et IE au déroulement du menu

Bonjour,

Je suis dessus depuis ce matin entre recherche de réponse sur le forum et manipulation du Css , je ne trouve pas comment régler mon problème

J ai vu que pour ne plus que le texte se déplace je devais utiliser la ligne

position: absolute;

Cependant, si j'utilise cette balise la ligne n'est plus centrer en dessous de la bannière ...

Que dois je faire pour que le corps ne se déplace plus car sous IE ça reste encore regardable mais sous firefox, c'est moche

http://tokapi.site.voila.fr/

Merci pour vos réposnes

Bonjour,

En remplaçant le code CSS pour div#menu ainsi :

#menu {
	color:#FFFFFF;
	margin-left:30px;
	position:absolute;
	z-index:100; /* Pas forcément nécessaire, à voir... */
}

ça devrait être pas mal.

Par contre, pour ma part je règlerais le problème en supprimant le menu déroulant. Un peu de lecture :
http://css.alsacreations.com/Accessibilite-du-Web/accessibilite-des-menus-de-navigation-en-cascade

Bonne continuation.

Je te remercie j ai lu ce sujet, mais je ne vois pas comment faire autrement ?
As tu une meilleure solution a proposée ?

Par rapport a la solution du code, cela ne fonctionne pas, le menu se retrouve à la verticale

Merci pour ton aide

Edit: voila, j'ai corriger mon erreur en augmentant la valeur

margin-left cela fonctionne pourtant j'étais sure d'avoir fait la manipulation et que cela ne fonctionnait pas

Je comprend votre article sur l accessibilité mais comment faire ? Et aussi pourquoi proposé vous ce tutoriel ?
Modifié par tokapi (30 May 2007 - 16:04)

Oula, je savais bien que j avais oublié quelque chose, je n'avais pas vérifier , voilà le pb qui se pose à moi sous firefox, tout est cadré nickel

Sous ie7 par contre c'est la cata, j'ai mis les fichiers en lignes:

http://tokapi.site.voila.fr/index.html

Merci d'avance, j ai essayer de modifier le Css dans body mais sans résultat

Rapidement (désolé) :

1 - Ne pas donner de largeur fixe à body. Mieux vaut créer un conteneur global directement enfant de body, et lui passer ce genre de propriété (largeur fixe, centrage avec les marges automatiques).

2 - Passer ce conteneur global en positionnement relatif, pour qu'il serve de référent à ses enfants et descendants positionnés en absolu :

div#global {
    position: relative;
    width: 760px;
    margin: auto;
}

Pour les menus déroulants, la meilleure solution consiste à mes yeux à 1) ne pas les utiliser et 2) mieux travailler l'ergonomie et l'organisation des contenus, de sorte que les menus déroulants n'apparaissent plus comme le sauveur qui permettra de présenter tous les liens que l'on veut caser sur les pages.

Par exemple, pour le site en question :
1. Un fil d'ariane pour s'orienter, revenir à la page d'accueil ou à la rubrique.
2. Un menu horizontal avec Chasse à l'approche - Chasse en battue - Week-end chasse - Calendrier - Infos pratiques
3. Regrouper tarifs, contact et informations d'accès dans les infos pratiques (intitulé de rubrique peut-être à revoir...)
4. L'intitulé « les photos » désigne-t-il un service (vous faites un week-end chasse, ou vous vend de jolies photos du week-end), des albums de photos des dernières chasses, autre chose ?

Bref, une petite réflexion sur l'information que l'on veut donner et la manière dont on communique.
(Note : les propositions ci-dessus sont un peu en l'air... ça demanderait une étude.)
Modifié par Florent V. (30 May 2007 - 18:07)

Excusez mon ignorance, je débute dans le Css.

Je ne comprends pas très bien votre explication concernant le conteneur, je vais essayer de lire un tutos de alsacrea depuis le début, car j'ai créé les pages de ce site via un autre tuto et les explications ne parlaiens ni d'enfant, ni de conteneur global

1. De plus qu'est ce qu'un fil d'ariane ?

2. Le menu horizontal se revèle peut être moins adaptés effectivement, je pensai regroupé la chasse, car ce sont de petites catégories.

4. L'intitulé photos désigne une galerie de photo

Ce site est un site qui présente le domaine de chasse que je possède mais effectivement ce n'est pas évident de choisir quelles sont les catégories les plus importantes

Merci pour votre aide, je vais essayer de comprendre votre explication

Bonjour, j'ai résolu mon problème en utilisant la feuille de style d'un de vos tuto qui reproduit un peu le même effet ...

Cependant, me reste un petit point a modifier et un margin-top dans le menu, ne fonctionne pas .. Je voudrais que mon menu soit collée a mon entête comment puis je faire s'il vous plait ?

Merci pour votre aide

Merci Florent pour ces remarques, je vais de se pas faire ces modifications qui effectivement me semble plutôt judicieuses !

Merci pour ton aide généreuse