Bonjour tout le monde,
 
Je viens de me remettre dans le bain du html et du css (meme si je n'ai jamais ete un expert). Comme ca faisait un bout de temps que je n'avais pas code et que je suis un gros faineant, j'ai commence a coder en verifiant la mise en page sous IE (pas taper, pas taper). Forcement, cet andouille d'IE a laisse passer la plupart de mes bourdes sans rien me dire et j'ai donc du partir a la chasse aux erreurs. J'ai fini par les trouver et les eliminer... toutes ? non car une bourde resiste encore et toujours a ma vue qui baisse !
Par soucis de clarte, je vous montre ce que donnent les menus sous IE et FF :
 
               
 
 
Voici le code, fruit de mon esprit malade :
 
CSS:

 
HTML:

 
Quelqu'un pourrait-il me donner une piste pour que l'affichage FF ressemble a l'affichage IE ? s'il vous plait ? please ?
 
Merci d'avance.

A quoi sert "html>body .summary" alors que toutes les propriétés de cet élément à les même valeur que le ".summary" tout simple?
 

Chouet, ton navigateur n'aura donc pas la même hauteur sous IE que sous le reste.
 
A quoi il sert le <div class='nav'> ? Tu pourrais mettre ta classe directement au niveau du ul vu qu'il n'y a rien d'autre dedans.
 
Pou ton probléme, a par que  

indique qu'on coupe l'image si elle est plus grande que le composant, je vois pas.

 
 
bah en fait, celui-la ne change rien, mais c'etait pour rester coherent avec les autres padding (right et left), qui eux ont besoin d'etre redefinis pour ne pas faire merder la mise en page...
 

 
En fait ca change strictement rien, sur les navigateurs que j'ai teste ca a la meme hauteur partout
 

hmm, en fait le div 'nav' est le div de la barre de navigation, j'aime bien programmer comme ca, ceci dit j'etudierais ta proposition quand j'aurais le temps.
 

le background-repeat:no-repeat sert a ne pas repeter l'image si elle est plus petite que le composant selon ce que j'en sais. Peut etre fait-il aussi ce que tu dis, je vais voir ca.

Tu peux mettre ta page en ligne ?
Parcequ'avec la Web Developer Toolbar, on a souvent vite fait de voir ce qui cloche dans une CSS (et je dis pas ça que pour toi) . En plus là on a pas les images, le contexte, etc.

Bonjour tout le monde,  
 
J'ai finalement réussi à faire fonctionner normalement la mise en page de mon site (la fatigue aidant, je n'avais pas pensé à spécifier le doctype sur toutes les pages ). Je tenais à remercier ceux qui m'ont répondu et en particulier kalex qui m'a fait installer la toolbar.
 
 
P.S. : pour les ceusses que ca intéresseraient voici le lien de ma page, comme demandé (je tiens a préciser que le contenu n'est pas réellement important, c'est un projet que j'avais commencé au lycée, il y a fort longtemps) :
http://perso.wanadoo.fr/kaleikonos [...] index.html

Ton problème venait du fait que toutes les propriétés de .summary étaients appliquées à un SPAN qui est un élément en-ligne (du texte quoi). Et un élément en-ligne ne peut pas avoir de dimensions fixées par height ou width (ses dimensions sont imposées par le texte qu'il contient)
 
Il aurait donc fallu appliquer les propriétés de .summary à un élément de type bloc (un DIV ou directement sur LI)

 
Intéressant à savoir, j'aurais dû creuser plus la question... mais alors comment se fait-il que ca fontionne normalement maintenant, alors que j'applique toujours la règle sur un span ?

Parce que tu as ajouté "display: block" à .summary et donc tes SPAN sont devenus des éléments blocs, comme un DIV en fait.

 
hum hum    
Des fois il faudrait que j'apprenne à réfléchir avant de poser une question idiote