Hello tout le monde !

J'ai un petit souci avec le CSS de mon site. Je vais déjà exposer le problème en image:

Site sous IE7 :

Site sous FF2 :

Comme vous l'aurez remarqué, le fond jaune pâle ne s'adapte pas en fonction du contenu sous FireFox. Vous pouvez consulter le site sur cette URL.

Tous les <div> sont placés en "relative", le tout structuré en trois colonnes. Code source épuré de la partie incriminée :

Je dois avouer que je me prends souvent la tête avec la compatibilité entre les navigateurs avec le CSS-P; il y a beaucoup de détails qui varient en fonction des navigateurs. Est-ce que vous connaissez un site/bouquin qui explique vraiment une manière "saine" d'utiliser cette technique ?

Merci à tous ceux qui sacrifieront de leur temps pour m'aider.

Edit : ortho/synthaxe

Applique le Contexte de formatage sur ton bloc "corps".

Donc,  si je comprends bien (certaines mauvaises langues diront que ça n'arrive pas souvent mais faut pas les écouter),  tu utilises 3 éléments <div> pour créer 3 colonnes.
On peut bien entendu supposer que tu as d'excellentes raisons de ne pas utiliser une table ?

Une bonne raison est qu'il ne présente pas de données tabulaires, une autre bonne raison aurait été qu'il aurait un flux de présentation plus logique (dans l'hypothése où sa sémantique aurait été correcte)

On lit parfois n'importe quoi sur ce forum !!!

Merci pour vos interventions si rapides !  
 
@Shinuza : toujours fidèle au poste à ce que je vois...    Je jetterai un coup d'oeil à ton lien plus tard, je te dirai si ça a éclairé ma lanterne. Merci beaucoup.  
 
"...aurait été qu'il aurait un flux de présentation plus logique (dans l'hypothése où sa sémantique aurait été correcte)" : pourrais-tu développer ? Aide-moi a être plus logique    
 
@bignose : chacun sont école pour le postionnement... (<div> vs. <table> )
 
 
P.S. Je suis loin un bout d'après-midi, donc pas d'interventions pendant un moment.

Tu sais y'a une institution qui s'efforce de donner des directives, de manière à driver un peu le web, qui, jusqu'alors prennait des directions propres au vouloir de chacun.
Hors cette institution (le W3C, et bientot le WHATWG) deconseille l'utilisation de tableau pour la mise en page. Alors certes on peut s'appuyer sur leurs recommandation parce que c'est l'institution niania et que blabla, mon cul...
 
(
 
Je vais générer un contexte, ça peut être intéressant :
 
-Je suis dans une equipe spécialisée en front office (et ça ne s'arrête pas à faire "un site sans tableau en css2" )
-Nous "sommes" des experts des technologies front, de leurs implentation, maintenance, declinaison, conception, comprehension et conseils/expertise, et experimentation.
-Nous sommes l'une des équipes les plus chères de france.
-Nous avons des clients comme Renault Automobile, SNCF, SFR, qui nous font confiance tant au niveau technique back que front.
-Nous faisons aussi, des études d'implentation qui comprennent la mesure des charges serveur coté front.
 
)
 
Le mieux est de prendre des exemples pratiques qui montrent que faire un site en tableau c'est la préhistoire et que ç'a na aucun avenir.
 
-La taille d'un site en tableau sera sensiblement plus important qu'avec des css bien formée
-La majorité du temps, un site en css proposera surement une sémantique plus propre que celle d'un site en tableau
-Un site en tableau ne proposera JAMAIS une linéarité de flux, ce qui nuit à l'accessibilité
-Dans un site type CMS, créer une page from scratch à partir d'un système de template est impossible.
-La modification de structure ou d'implentation en css est autrement plus simple que celle d'un site en tableau
-Impossible de séparer presentation du contenu en tableau, ce qui est la base de tout langage de programmation
 
Voilà quelques points, tous appliqués en production qui font que l'architecture css est plus performante que n'importe qu'elle autre.
Libre à toi d'exposer des contres points, ça serait interessant à lire.
 
@cleanx : Un combat <div> vs. <table> n'existe même pas, dans aucune dimension.
 
Sinon, pour ton code, il manque de structure sémantique, de hierarchie, et de structure dans la présentation, pour exemple, ton menu devrait être la première chose qui doit venir dans ton code. ET, tu dois sépérer images de contenu et images de presentation

salut,  
 
Si j'ai bien compris ton problème, tu devrais avori ta réponse ici
 
 

J'ai déja posté la reponse à son problème

OUps, désolé, j'ai eu la flème de lire le pavé en entier  

Y'avais pas de pavé  

display:table-cell;
zoom:1;

Et rulez

 
 
Hello, désolé pour le silence radio. Depression quand tu nous tiens...
 
M. Shinuza s'est mis en boule à ce que je vois. Tu sais, le "<table> vs. <div>" c'était pour faire court. Je connais le W3C et ses objectifs d'unification, je m'efforce de suivre au maximum les recommandations, ce n'est pas toujours évident ni motivant... Pour ce qui est de la strucutre sémantique, il faut savoir que je suis un pur autodidacte; je n'ai jamais pris de cours et personne n'est derrière moi avec le fouet pour me dresser.
Je sais que j'ai encore beaucoup de progrès à faire, mais je considère être un développeur conscient et responsable.
 
Merci pour toutes vos interventions, c'est toujours agréable de voir qu'il existe des gens qui donnent de leur temps pour aider les autres.
 
A toute !

Dans l'absolu, je doute qu'il existe une vraie école pour faire du web propre. Je suis également autodidacte.