[Résolu] Menu horizontal une ligne et positionnement

Bonsoir,

Je me prends la tête sur une compatibilité IE6.
Evidemment comme je post ce message, vous l'avez deviné : Je ne trouve pas la solution ...

Les données du problème
1) Utilisation du tuto Menu horizontal une ligne
Superbe modèle comme tout le reste du site
Sauf que j'ai envie de le positionner autrement qu'en absolute.

2) Nouveau positionnement
Centrer un conteneur.
Margin Top à 200px de ce conteneur.
Mettre le menu dedans.

Le lien du problème

Positionnement OK sous FF.
Mais impossible de faire suivre la ligne de liens avec IE6 ...

Avec FF, quand vous passez sur "Calendrier", vous avez bien la ligne de liens qui s'affiche juste en dessous.
Avec IE6, elle part en vadrouille.

Je me doute que le problème se trouve sur le #smenu1 ou #smenu2 avec le #menu passé en relative ...
Mais je ne trouve pas la solution.
J'ai pourtant essayé de passer la ligne de liens en relative.

Si quelqu'un pouvait me dépanner.
Ça ne doit pas être grand chose mais je nage complétement depuis 2h là-dessus.


PS : Les couleurs vives, c'était pour me réveiller. Mais ça n'a pas marché ...
Modifié par zeXav (15 Oct 2006 - 13:30)

Bonjour,

Pour la position relative le raisonnement est bon mais tu ne l'appliques pas au bon bloc pour que ce soit compatible IE et FF.
Une solution serait de donner la propriété relative à ton bloc #conteneur et de la supprimer de ton bloc #menu.

Une autre serait de donner une valeur de height: 1%; à ton bloc #menu pour que le position relative puisse s'exprimer sur ce bloc pour IE. Là c'est plus rationnel pour ton code.
Modifié par ghost (15 Oct 2006 - 10:30)

Corrrrrrect !
Avec 2 bonnes réponses et 500€ en banque, ghost, vous êtes le maillon fort

Euh non, là je m'égare

J'ai effectivement mis height: 1%; sur mon #menu et le positionnement IE est bon.
L'autre solution marche également.

Par contre avant de mettre résolu sur mon topic :
Si je comprends bien c'est un bug IE ?
Sans une hauteur de 1%, la position relative est zappée ?
En schématisant, ma ligne de liens #smenu1 ne voit pas mon #menu s'il n'a pas de hauteur spécifiée (ce fameux 1%) ?

Merci pour ce complément d'information.
Si tu as un lien expliquant ce phénomène car là j'ai raté un épisode du monde merveilleux des CSS

Salut,

Oui enfin en gros c'est cela, mais j'ai mes limites en tant que petite fourmi du css, je te conseille d'aller faire un tour vers http://openweb.eu.org/
ou Mr Laurent Denis (maître Yoda_css) t'apportera sûrement son savoir.


<edit> il y a aussi mpop http://www.covertprestige.info/
(Obi-Wan Kenobi_css) qui est aussi pour moi une référence.
</edit>
Modifié par ghost (15 Oct 2006 - 13:05)

Ok.
Si quelqu'un veut rajouter une explication sur ce fameux "height à 1%", il est toujours le bienvenu.

Quoiqu'il en soit, mon problème est résolu.

Merci beaucoup ghost