Le problème vient d'une utilisation un peu excessive des flottants. Pour placer deux blocs côte-à-côte, on n'a besoin que d'un seul flottant (ici, le menu).
S'inspirer de cette page :
http://web.covertprestige.info/test/11-page-fluide-avec-trois-colonnes-1.html
(Sauf que là il n'y aura pas de colonne de droite).
Au passage, ta mise en page ressemble à un découpage de design... ce qui convient généralement à une mise en page avec des tableaux de mise en forme, mais pas tellement avec les CSS.
Par exemple, je suis étonné de voir que la bordure blanche du site est en fait dessinée par une multitude d'images, dont très peu d'images de fond. Ou encore, que l'espace en haut du cadre vient d'éléments
br et pas d'une simple marge. Que tu as une image de 12px de large dans un bloc flottant à droite. Etc.
Tout ça demanderait une utilisation plus judicieuse des styles CSS (bordures, images de fond pour les éléments purement décoratifs, les dégradés, etc.).
Une chose importante pour l'accessibilité : les images de ton menu ont des attributs
alt vides. Il serait pourtant très facile d'indiquer l'intitulé du lien comme texte alternatif (penser à le faire au moins pour toutes les images du menu.). Par exemple :
<img src="http://rossfan.free.fr/bouton_news_a.gif" name="img_1" [b]alt="News"[/b] height="21" width="74">
(Dans l'exemple ci-dessus j'ai viré le
border="0"... les bordures des images dans les liens, ça se gère très bien en CSS avec un petit
a img {border: none}.)
Si je puis me permettre une petite remarque : au final ton code source est plutôt ordonné et bien pensé, mais ça reflète une conception « à l'ancienne » et un passage un peu brutal des tableaux de mise en forme au positionnement CSS. À ce propos : les CSS ça n'est pas que le positionnement, mais aussi la mise en forme, la gestion des bordures et des images de fond, la gestion de la mise en forme du texte, etc. Il semblerait que tu aurais besoin de travailler tout ça, si bien sûr ça t'intéresse.
Modifié par Florent V. (07 Apr 2007 - 22:20)
