18067 sujets

Questions générales et questions de débutants

[Résolu] FF et Safari OK mais IE ne marche pas ! Help please.

Bonjour à tous.

Je débute en mise en page css donc excusez-moi si j'ai un peu de mal Smiley ohwell !

Après avoir lu "CSS2 Pratique du design web" et "le Zen des CSS",
je me suis décidé à abandonner mes mises en page en tableau.
Bon d'accord, je sais , il était temps Smiley smile .

Donc, voila mon 1er essai : http://www.gwendallmavic.fr/OTK_CSS/personne.html
Tout se passe bien avec Firefox et Safari.
Mais, IE ne fonctionne pas.
J'ai parcouru un peu le forum et cherché des solutions.
Mais là, je sèche.
Est-ce que quelqu'un peut m'aider.
Merci.
Modifié par Gwendall (20 Sep 2006 - 13:08)
En fait le positionnement des menus flottant ne se font pas correctement se qui modifie complètement la mise en page sur IE.
Par contre, ça marche très bien sur Firefox et Safari.
Je ne sais pas d'où ça peux venir.
Des instructions CSS sur les boîtes flottantes
et les menus type liste qui ne sont pas prise en compte par IE ???
Bonjour,

J'ai regardé rapidement, mais je dirais que pour le menu de gauche il faudrait ajouter cette déclaration :
#menugauche ul {margin:0;}

En effet, les propriétés par défaut des listes ne sont pas les mêmes suivant les navigateurs. Pour être sûr de partir du bon pied, il faut donc toujours remettre à 0 margin et padding.
Pour les menus supérieurs, une première piste serait d'ajouter un height:0; uniquement pour IE :
* html #barrenavigation ul, * html #barrenavigation ul {height:0;}

Cela ne règle pas totalement le problème, mais c'est un début de solution...

Et pour plus d'infos sur les bugs divers et variés d'IE, http://www.positioniseverything.net/ie-primer.html est à voir !
Modifié par golog (20 Sep 2006 - 10:38)
Bonjour Gwendall,

Je te conseille très fortement de suivre la méthodologie suivante :
Méthodologie pour résoudre les problèmes d'affichage en CSS

Le mieux serait d'isoler ton problème via une page de test, histoire d'y voir plus clair.

Préalablement, il serait préférable de vérifier la syntaxe du code HTML de ta page, qui laisse quelque peu à désirer (des div dans des titres hN, etc.). Un code valide n'est pas une garantie de rendu correct, mais un code parsemé d'erreur est une garantie de rendu biaisé. Smiley cligne
Merci pour vos réponses.

Je vais tout remettre à plat en tenant compte de vos conseils.
Pour le menu gauche, merci Golog, ça fonctionne.
Reste à trouver les modifs à apporter au bandeau haut
Smiley langue
Merci pour vos réponses.
Donc après avoir mis à plat et validé ma page (CSS et html)
je me retrouve avec le probleme suivant.
dans FF et Safari, le logo en haut à gauche se place bien,
par contre dans IE, il est placé à la suite des bandeuax de nav.
Je n'arrive pas à savoir pourquoi Smiley decu

Si quelqu'un peut m'aider.

Merci.

La page de test : http://www.gwendallmavic.fr/OTK_CSS/bandeau2.html
Sujet clos
Aller à