Bonjour, j'ai un problème de largeur de mes cellules sous IE alors que sous FireFox, tout va parfaitement
 
Voilà ce que ça donne sous FireFox :

 
Et sous IE (6 et 7) :

 
Voici mon code source :
 
le HTML:

 
Et le CSS:

 
Auriez-vous une idée d'où ça peut venir ?
 
Merci d'avance

You Fuck the Table and made all in CSS, Go go go

J'ai essayé en all in CSS et c'est vraiment la merde, je m'en sors pas, c'est pourquoi je suis repassé en HTML 4.01 transitionnal

nan on peut très bien faire des CSS en HTML 4.01 transitionnal ou dans n'importe quel autre doctype
 
c'est juste qu'il faut bien positionner les éléments correctement et arrêter le tableau

J'ai tenté pendant je ne sais combien de temps de faire mes 3 colonnes avec des div et du CSS (float: left; et compagnie) : ça ne passe jamais pareil sous FireFox ou IE, alors je me rabats sur les tableaux, plus fiables pour le moment.
 
EDIT: je ne veux pas commencer un débat sur les tableaux, je voudrais juste savoir ce qui ne va pas !

en fait c'est simple
tu vires tes tableaux
tu refais comme tu avais fait en CSS
tu nous files ton truc pour qu'on le corrige
 
et surtout il nous faut un lien vers ta page

Vi un design comme ca est faisable en CSS relativement facilement, sur mon site j'ai le même genre d'organisation (header, 3 colonnes, footer) et ca passe bien et sur tout les navigateurs.
 
Tu peux t'aider de http://css.alsacreations.com/modeles/modele5.htm aussi.

Je viens d'adapter ce modele sur mon site, c'est loin d'être concluant
 
http://www.mon-cobaye.net/nouveau% [...] sign5.html
 
Je n'arrive pas à faire certaines choses :
- centrer le conteneur peu importe la résolution de l'écran
- laisser 1 px entre chaque bloc
- adapter la taille des menus à celle du bloc central et vice versa
- coller l'image d'en-tête à la barre jaune sous IE

- centrer le conteneur peu importe la résolution de l'écran

Avec la technique des marges négative, ce que tu sembles avoir fait ca se centre tout le temps normalement.

- laisser 1 px entre chaque bloc

margin ou border?

- adapter la taille des menus à celle du bloc central et vice versa

La il faut mettre un min-height (pour firefox et autres) sur le conteneur central, ce qui permet, en cas de contenu trop court, une taille minimale et donc pas de fond rayé et un _height sur ce même conteneur qui permet de faire pareil mais seulement pour IE qui ne connait pas min-height.
Ensuite tu appliques le fond bleu au niveau du div "conteneur" et ca devrait aller.

EDIT: C'est comme ca que j'ai fait et ca fonctionne, ya p'tet une autre technique.

- coller l'image d'en-tête à la barre jaune sous IE

Enlever le <br /> ?

- centrer le conteneur peu importe la résolution de l'écran  
 
Avec la technique des marges négative, ce que tu sembles avoir fait ca se centre tout le temps normalement.
 
J'ai testé en 800*600, le site sort de la fenêtre sur la gauche et pas moyen d'y accéder
 
 
- laisser 1 px entre chaque bloc
 
margin ou border?
En effet, ça fonctionne, merci
 
- adapter la taille des menus à celle du bloc central et vice versa
 
La il faut mettre un min-height (pour firefox et autres) sur le conteneur central, ce qui permet, en cas de contenu trop court, une taille minimale et donc pas de fond rayé et un _height sur ce même conteneur qui permet de faire pareil mais seulement pour IE qui ne connait pas min-height.
Ensuite tu appliques le fond bleu au niveau du div "conteneur" et ca devrait aller.
Cette méthode permet d'allonger le bloc central si les menus sont plus longs, mais ça n'allonge pas les menus si le bloc central est plus long qu'eux
 
 
EDIT: C'est comme ca que j'ai fait et ca fonctionne, ya p'tet une autre technique.
 
 
- coller l'image d'en-tête à la barre jaune sous IE
 
Enlever le <br /> ?
Il reste encore une marge de 2 ou 3 pixels sous IE

-----> J'ai testé en 800*600, le site sort de la fenêtre sur la gauche et pas moyen d'y accéder

Normal, tu a mi 900px pour le conteneur et 500px de marge négative... il faut mettre la moitié. Mais bon en même temps en 800x600 il y aura toujours un ascenseur.

-----> Cette méthode permet d'allonger le bloc central si les menus sont plus longs, mais ça n'allonge pas les menus si le bloc central est plus long qu'eux

Si bien sur, si tu mets le fond bleu au niveau du div appelé conteneur alors il s'appliquera aussi au dessous des menus quand ceux ci seront plus court que le bloc central.

-----> Il reste encore une marge de 2 ou 3 pixels sous IE

J'ai trouvé une solution, mettre le logo en background-image de "header" (et réduire sa hauteur a 120px vu que l'image en fait 120).

Si tu prends cette solution il ne faut pas que le div "barre" fasse partie du div "header" dans la page html.

Tu peux aussi rajouter un h1 en display hidden ou none dans le header, il me sembles que ca aide pour le référencement.