28220 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde !
Sur mon site, les menus sont dans des divs.
Sur certaines pages, le menu à droite est présent, sur d'autres non, mais dans tous les cas, le div est là.

Donc sous FF, quand lle menu droite n'est pas présent, il n'y a rien qui s'affiche.
Sous IE, la div vide s'affiche tout de même un peu.
J'ai essaié le hack font-size:1px; mais ça me mets les polices des menus en 1px et le div aparait tout de même u tout petit peu sous IE.

Je ne peux pas faire en sorte que le div soit présent selon la présence du menu, car c'est un thème de CMS et le thème sera redistribué. Je ne peux donc pas faire de modif sur le code, en dehors du thème.

Merci d'avance pour votre aide.
Bon j'ai mis les menus dans un div conteneur.
Le problème c'est qu'il y a un espace entre chaque div dans le div conteneur.
Et bizzarement, le problème n'est que sous FF :s IE affiche ça correctement.

Code CSS :
#droite {
float: right;
}
.droite {
margin: 0;
padding: 0;
border-right: solid 1px #058;
width: 160px;
border-left: solid 1px #058;
background-color: #E8EFF7;
}


Code HTML :
<div id="droite"><div class="droite">1er menu avec une liste</div><div class="droite">Second menu avec une liste</div><div class="droite">3ème menu mais aucun de ces menus ne sont collés les uns aux autres</div></div>
Lorsque tu dis que le menu n'est pas présent mais que le div l'est, tu sous entends qu'il est vide ?

Dans ce cas, il faudrait peut-être envisager une solution permettant d'ajouter la propriété
display: none;
sur ce calque, pour ces pages particulières.

Mais je ne vois pas l'utilité de laisser ce calque s'il ne contient rien.