[Réglé] Menu évanescent...

Bonjour à tous,

Voilà, j'ai un petit souci. J'ai créé un site, assez modeste et encore en développement (http://megad6.free.fr), et j'ai utilisé deux tutoriaux d'Alsacréation :
- ce gabarit de page : http://css.alsacreations.com/modeles/modele14.htm pour la mise en page,
- et celui-ci : http://css.alsacreations.com/modelesmenus/vd1.htm pour le menu.

Mon problème est que lorsque j'affiche une page plus haute que l'écran, et que je la fait défiler, lorsque je clique sur n'importe qu'elle entrée du menu, celui-ci disparaît !
Je l'ai testé sous FF 1.5, IE6, Opéra me fait des trucs bizarres.

Quelqu'un arrive-t-il à reproduire ce problème, et à en comprendre l'origine ?

Merci d'avance pour votre aide !

Ayelin.
Modifié par ayelin (11 Jan 2006 - 20:43)

Bonjour,
Tu souhaites avoir le menu ouvert à la page en cours
Modifié par chmel (10 Jan 2006 - 13:20)

chmel a écrit :
Bonjour,
Tu souhaites avoir le menu ouvert à la page en cours

Ce serait bien (je ne savais pas que c'était possible), mais mon problème est différent. En gros, lorsqu'on scrolle la page, le menu reste fixe, mais dès qu'on clique dessus, le menu lui-même disparaît de la page.

Merci en tout cas de t'intéresser à mon problème...

Bonjour,
Hier, je n'avait pas vu ton problème car je regardait ton site avec IE5.0 et sur ce navigateur, la bidouille pour la position fixed ne marche pas .
Je viens de tester avec IE6 et je ne recontre ton problème que sur ta page
histoire
J'ai une autre mérhode pour l'émulation de la position fixed, qui fonctionne sur IE5.0 aussi :

- juste avant

<link rel="stylesheet" href="../mega.css" type="text/css" />

Ajouter ceci dans le head :

<!--[if lte IE 6]>
<style type="text/css">
#menu{
position: absolute;
left:0;
top:expression(documentElement.scrollTop+body.scrollTop);
}
body { 
background: url(null) fixed ; /* évite le sautillement */
} 
</style>
<![endif]-->

- Dans ta feuille de style :

#menu{
position: fixed;
}

expérimentée ici
Ne fait pas attention au code, il a besoin d'une sérieuse mise à jour.
Modifié par chmel (11 Jan 2006 - 13:13)

C'est curieux, moi je rencontre ce problème sous FF 1.5 et IE6 dans toutes les pages qui nécessitent un défilement vers le bas. Mais je vais essayer ta solution. Merci pour ton aide !

Edit : je viens d'essayer, cela fonctionne à merveille sous FF 1.5, mais apparemment le script ne fonctionne pas pour IE6, le menu restant sur la page mais figé (j'ai essayé en local et en ligne).

Re-edit : ce que je ne comprends pas, c'est que j'avais fait un projet de site exactement sur le même modèle, même mise en page, même CSS ici: http://arylie.free.fr/ (seuls les menus introduction et calendriers sont renseignés). Et là tout marchait impeccablement sous IE et FF... Mystère...
Modifié par ayelin (11 Jan 2006 - 14:27)

ayelin a écrit :
Re-edit : ce que je ne comprends pas, c'est que j'avais fait un projet de site exactement sur le même modèle, même mise en page, même CSS ici: http://arylie.free.fr/ (seuls les menus introduction et calendriers sont renseignés). Et là tout marchait impeccablement sous IE et FF... Mystère...

Dans ce cas, à toi de comparer les deux pour trouver l'erreur

chmel a écrit :

Dans ce cas, à toi de comparer les deux pour trouver l'erreur

Bon, je viens de le faire, et sans grande surprise, il n'y aucune différence en dehors des indications de couleur. La seule chose qui change, c'est que pour l'une il y a une bordure de définie pour #contenu. J'ai supprimé cette bordure, et toujours le même problème. C'est à ne rien y comprendre...

Les deux CSS :

Celle qui marche : http://arylie.free.fr/arylie.css
Celle qui ne marche pas : http://megad6.free.fr/mega.css

Je suis complètement paumé, là...

De guerre lasse, j'ai passé le #menu de ma feuille de style en fixed, créé une autre feuille spéciale IE avec #menu absolute, et ajouté ça dans toutes mes pages après la déclaration de ma css :

<<!--[if IE]>
<link rel="stylesheet"
type="text/css"
href="../mega_ie.css"
media="all">
<![endif]-->

Autrement dit je me suis très largement inspiré de ce que tu m'as suggéré ! Le problème est donc réglé, mais je ne comprend toujours pas pourquoi j'ai dû passer par ce bricolage alors que tout marchait avec mon précédent site et la même feuille de style...

Merci encore pour ton aide chmel !