En bas du div : menu+coins arrondis, pb IE/FF
Résolu
Jean_2
Messages postés
245
Date d'inscription
Statut
Membre
Dernière intervention
-
lookouster Messages postés 58 Date d'inscription Statut Membre Dernière intervention -
lookouster Messages postés 58 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai un cadre ("en_tete"), sur lequel il y a des coins arrondis. J'y ai mis un div contenant mon menu("menu").
Sous IE, mon menu sera toujours plus bas que sous FF. Ainsi, pour l'instant, je ne peux l'adapter qu'à l'1 ou à l'autre.
Si c'est bien positionné sur FF, sur IE : mon menu est trop bas, les coins du bas (qui suivent mon menu) dépassent donc de mon div "en_tete".
Inversement, si c'est bien positionné sur IE, surFF : mon menu est trop haut, les coins du bas (qui suivent mon menu) ne sont pas positionné totalement en bas (quelques pixels trop haut...).
Voilà le code :
<div class="en_tete">
<div class="coin_haut_gauche_en_tete">
<div class="coin_haut_droit_en_tete">
<div class="coin_bas_droit_en_tete">
<div class="coin_bas_gauche_en_tete">
<div class="menu">
mon menu
</div>
</div>
</div>
</div>
</div>
</div>
et en CSS :
.menu{text-align: center;font-size:small; padding-top:71px;}
Pourquoi cet affichage différent ? Pour le div en_tete, qui contient le div menu, j'ai bien en CSS : .en_tete{margin:10px auto;}
J'ai testé en imposant un line-height:10px; mais ça résout pas le problème
Est-il possible de supprimer cette différence ?
merci à vous
J'ai un cadre ("en_tete"), sur lequel il y a des coins arrondis. J'y ai mis un div contenant mon menu("menu").
Sous IE, mon menu sera toujours plus bas que sous FF. Ainsi, pour l'instant, je ne peux l'adapter qu'à l'1 ou à l'autre.
Si c'est bien positionné sur FF, sur IE : mon menu est trop bas, les coins du bas (qui suivent mon menu) dépassent donc de mon div "en_tete".
Inversement, si c'est bien positionné sur IE, surFF : mon menu est trop haut, les coins du bas (qui suivent mon menu) ne sont pas positionné totalement en bas (quelques pixels trop haut...).
Voilà le code :
<div class="en_tete">
<div class="coin_haut_gauche_en_tete">
<div class="coin_haut_droit_en_tete">
<div class="coin_bas_droit_en_tete">
<div class="coin_bas_gauche_en_tete">
<div class="menu">
mon menu
</div>
</div>
</div>
</div>
</div>
</div>
et en CSS :
.menu{text-align: center;font-size:small; padding-top:71px;}
Pourquoi cet affichage différent ? Pour le div en_tete, qui contient le div menu, j'ai bien en CSS : .en_tete{margin:10px auto;}
J'ai testé en imposant un line-height:10px; mais ça résout pas le problème
Est-il possible de supprimer cette différence ?
merci à vous
A voir également:
- En bas du div : menu+coins arrondis, pb IE/FF
- Tiret du bas mac - Guide
- Comment remettre le clavier en bas de l'écran - Guide
- Div c++ - Télécharger - Langages
- Flèche vers le bas clavier - Forum Clavier
- Comment faire revenir mon clavier en bas de l’écran - Forum iPad
7 réponses
Pense peut être au javascript!!
Une fonction qui te permet de choisir le style(fichier css), en fonction du navigateur client
Lookouster.partager.cècool!!
Une fonction qui te permet de choisir le style(fichier css), en fonction du navigateur client
Lookouster.partager.cècool!!
ouai, j'y ai pensé, mais je voudrai le faire en CSS, afin de bien comprendre...
car je me dit qu'il y a moyen qu'avec le meme code CSS, ça tourne pareil sur les 2 navigateurs...
ou si quelqu'un a un lien...
PS : en fait, le menu, je m'en fous qu'il soit décalé de 2-3pixels, mais pour les coins arrondis, bah c'est vraiment moche
car je me dit qu'il y a moyen qu'avec le meme code CSS, ça tourne pareil sur les 2 navigateurs...
ou si quelqu'un a un lien...
PS : en fait, le menu, je m'en fous qu'il soit décalé de 2-3pixels, mais pour les coins arrondis, bah c'est vraiment moche
alors tatonne avec les pixels, jusqu'à ce que tu tombes sur deux affichages proches!! C'est la seule solution
PS: Tes coins gvuches et droits ne contiennent ps le menu en tant normal; dc otan les fermer en haut non!!
PS: Tes coins gvuches et droits ne contiennent ps le menu en tant normal; dc otan les fermer en haut non!!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
ok, donc tu me dis que je peux obtenir 2 affichages proches.
Donc ça veut dire pas le même affichage possible (exactement) même en CSS ?
C'est ça ?
J'ai encore une autre solution: à la place de faire des coins, je crois que je vais faire 2 cotés.
J'attends juste qu'on me confirme ou pas le fait que ce soit possible de faire le meme affichage en CSS.
PS : sinon, pour les coins du haut, t'as raison...
Donc ça veut dire pas le même affichage possible (exactement) même en CSS ?
C'est ça ?
J'ai encore une autre solution: à la place de faire des coins, je crois que je vais faire 2 cotés.
J'attends juste qu'on me confirme ou pas le fait que ce soit possible de faire le meme affichage en CSS.
PS : sinon, pour les coins du haut, t'as raison...
bon, bah c'est résolu
j'ai le meme affichage dans les 2.
Comment me direz-vous ?
Et ben franchement, je sais pas... J'ai fait trop de trucs, rétabli, annulé, changé, et au final, j'ai l'impression d'avoir rien changé, et pourtant là, ça marche... Ca devait être une broutille dans mon code...
(en tout cas, j'ai laissé les 4 coins)
j'ai le meme affichage dans les 2.
Comment me direz-vous ?
Et ben franchement, je sais pas... J'ai fait trop de trucs, rétabli, annulé, changé, et au final, j'ai l'impression d'avoir rien changé, et pourtant là, ça marche... Ca devait être une broutille dans mon code...
(en tout cas, j'ai laissé les 4 coins)