cedricpc Posted September 23, 2005 Share Posted September 23, 2005 Bonsoir, J'ai un tit problème d'affichage avec un menu fait en CSS. Le menu n'est pas un simple menu (une barre quoi), c'est un menu qui peut faire des sous menus (et ce, à ma plus grande joie, de façon quasi-infini). Bon rien de très rare, ça se trouve facilement avec google. Aussi, il est fixé au dessus de la page mais le problème, sous Opera 8.x, les sous menus ne s'affichent (correctement) que si la page est completement en haut. Voici le code css : ul#menu { position: absolute; top: 0; left: 0; border: 1px solid #999999; border-width: 0 0 1px 0; } html>body ul#menu { position: fixed; } ul#menu, ul#menu ul { margin: 0; padding: 0; } ul#menu li { text-align: center; width: 100px; float: left; border-right: 1px solid #999999; background-color: #E0E2EB; } ul#menu ul { position: absolute; top: 100%; left: -1px; border: 1px solid #999999; border-right: 0; margin-top: 1px; background-color: #E0E2EB; } html>body ul#menu ul { margin-top: 0; } ul#menu ul ul { top: 0; left: 99px; } html>body ul#menu ul ul { left: 100px; } ul#menu a, ul#menu ul { display: block; width: 100%; color: #000000; text-decoration: none; background-color: #E0E2EB; } ul#menu a:hover { color: #000000; text-decoration: none; background-color: #BBBBCC; } ul#menu li { position: relative; display: inline; } html>body ul#menu li { display: block; } ul#menu li ul { display:none; } ul#menu li:hover>ul { display:block; } Vous pouvez aussi voir le résultat ici. Le problème proviens surement d'ici : ul#menu ul { position: absolute; top: 100%; left: -1px; border: 1px solid #999999; border-right: 0; margin-top: 1px; background-color: #E0E2EB; } car si j'enleve le "position", cette fois ça marche partout (en haut, en bas...) mais les sous menus ne se placent plus correctement et les bordures partent en freestyle complet (pour rester poli ) ! Si quelqu'un a une idée pour résoudre ça svp ? Merci par avance. [Edit : Le "float: left;" de ul#menu a été supprimé. (Inutile)] Link to comment Share on other sites More sharing options...
cedricpc Posted September 25, 2005 Author Share Posted September 25, 2005 Pas d'idée ? Link to comment Share on other sites More sharing options...
Baldurien Posted September 26, 2005 Share Posted September 26, 2005 Sans un exemple (une page de beta test) c'est compromis je pense.. Link to comment Share on other sites More sharing options...
cedricpc Posted September 29, 2005 Author Share Posted September 29, 2005 Entre les deux codes, y'a le lien (c'est pas très visible je l'avoue). Et la c'est plus visible ? [Edit : Désolé d'avoir mis tant de temps à répondre, j'avais pas vu qu'il y avais un message, il n'était pas marqué avec un nouveau message.] Link to comment Share on other sites More sharing options...
cedricpc Posted November 2, 2005 Author Share Posted November 2, 2005 Link to comment Share on other sites More sharing options...
TheGuit Posted November 3, 2005 Share Posted November 3, 2005 En meme temps elle est pas accessible ta page ... Link to comment Share on other sites More sharing options...
cedricpc Posted November 3, 2005 Author Share Posted November 3, 2005 En meme temps elle est pas accessible ta page ... Hum apache a dus casher... Ca remarche ! Par contre le css a un peu bougé depuis. :) Link to comment Share on other sites More sharing options...
cedricpc Posted November 29, 2005 Author Share Posted November 29, 2005 Bon, bah problème résolu avec opera 9 et quelque petites modifs dans le ccs ! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.