[resolu] Décalages sur IE

Bonjour,
Je suis en train de changer la structure du site que j'administre.
Avec des tables, j'arrive à gérer. Mais pour la nouvelle mouture, je désire passer outre les tables et travailler avec "un site sans tables".
Pour mes premières questions :
Voilà le lien
http://kabkab.toile-libre.org/

Mes CSS et mon HTML sont valides pour l'instant.
Avec Firefox 3.5.5, ça a l'air d'aller, mais avec IE6 je rames.

1. Vous pouvez remarquer un petit espace suplémentaire en bas de l'image en haut à gauche.
2. Les cadres en dessous sont légèrement réduits à gauche.
3. Si je survoles une des rubriques de ces cadres, la taille verticale du cadre global diminue. Si je survoles alors à droite, Sport, 24 novembre 2009 ou Auteur, la taille verticale se remets en normal.
4. Sur le lien http://kabkab.toile-libre.org/test.html, j'ai diminué la taille du texte à droite. Les problèmes 2 et 3 ne se manifestent pas.

Je sais que c'est un problème de CSS mais je suis néophyte dans ce terrain.

Une orientation s'il vous plaît, merci.

PS. J'ai changé le titre de mon post, possible que l'ancien n'attirait pas.
Modifié par kabkab (15 Dec 2009 - 15:50)

Bonjour,
Je viens d'installer Ietester et avec IE7 c'est encore pire au niveau des espaces.

Auriez-vous l'amabilité d'aider un novice en CSS.

Bonjour,
A force de fouiller j'ai trouvé la solution pour le problème N°3. Il suffisait d'ajouter un div avec un clear:both après le div de la colonne de droite.

Je fouille encore pour le reste. Une aide ne serait pas superflue.

Merci.

Bonjour,
Pour mon problème n°2, j'ai trouvé ceci http://www.test.blog-and-blues.org/haslayout/tests/list5.html.
Ce qui m'a donné ma solution. Il suffisait d'écrire en html à la queue leu-leu le code de ma liste.

<UL><LI>1</LI><LI>2</LI></UL>

et pas

 
<UL>
<LI>
1
</LI>
<LI>
2
</LI>
</UL>

Soit dit en passant c'est le plus gros bug de IE dont j'ai entendu parler jusqu'à maintenant

Le problème 4 s'est résolu en traitant le 3.

Merci à tous de votre lecture.