[résolu] Problème de marges...

Bonjour,

J'ai quelques problèmes de marge et de décalages dans mes css... Si vous pouviez m'aider...

Voici le problème :
sous IE7 : http://baconnais.simon.free.fr/ie7.jpg
sou Firefox : http://baconnais.simon.free.fr/firefox.jpg

J'ai mis des couleurs de fond pour faciliter la différenciation des blocs. Comme vous voyez il y a une marge entre le menu et le sous menu, lorsque je fais un margin -3px ca corrige le problème, lorsque j'indique une taille au menu ca corrige le problème sous firefox uniquement. Mais même si c'est corrigeable, pourquoi cette marge apparait? -__-"

Le deuxième problème concerne mon formulaire... pourquoi dépasse-t-il sous firefox?
Modifié par smon (14 May 2007 - 13:11)

Au fait au passage... J'ai le même problème avec les images du menu... je suis obligé de leur mettre un margin-left:-3px sinon il y a une marge -_-" si vous savez pourquoi...

Personne ne peut m'aider?

smon a écrit :
Personne ne peut m'aider?

Pas sans éléments pour ça.

Une saine lecture :
http://forum.alsacreations.com/ad-4-18-A-lire-avant-de-poster-dans-ce-salon-Methodologie-.html
Et la citation qui va bien :

a écrit :
Chaque sujet doit fournir l'URL d'une page en ligne sur le site de son auteur, illustrant précisément la question posée, sans quoi les autres membres ne pourront pas vous répondre.

À défaut de page en ligne, le code HTML et CSS des éléments concernés par le problème peut faire l'affaire, mais c'est bien moins pratique pour débusquer les problèmes non évidents.

J'ai tout mis en ligne : http://baconnais.simon.free.fr/editions-roidesrois/

et les css :
http://baconnais.simon.free.fr/editions-roidesrois/CSS/acceuil.css
http://baconnais.simon.free.fr/editions-roidesrois/CSS/aspectgeneral.css
http://baconnais.simon.free.fr/editions-roidesrois/CSS/bandeau.css
http://baconnais.simon.free.fr/editions-roidesrois/CSS/menu.css

Je vous remerci d'avance pour toute aide éventuelle que vous pourrez m'apporter ^^
Modifié par smon (11 May 2007 - 09:34)

Il y a globalement deux choses à travailler :

1 - La transparence des images en PNG-24 sous IE (non supportée par défaut, et souvent difficile ou problématique à mettre en place). Via un commentaire conditionnel visant IE6 et inférieurs, on devrait pouvoir basculer sur des images sans transparence ou avec transparence binaire. Pour les commentaires conditionnels, voir la FAQ du forum.

2 - Les espaces indésirables sous les images. La FAQ en parle aussi.

ouuuuuuups j'avais dû survoler la faq un peu trop vite désolé

Donc le problème est résolu ^__^

J'ai essayé le img{display:block} qui a tout fait foirer

Par contre le img { font-size:1px; line-height:1px; vertical-align:middle;} marche très bien =)

Il me reste cependant une question, connaissez vous le pourcentage d'internautes utilisant encore ie6? Vu que windaube prend ie7 en tant que mise a jour prioritaire, la gande majorité des gens devraient avoir migré vers ce naviagateur non?
Auquel cas est il vraiment utilse de "se prendre la tête" avec les png?