Mise en page tableaux décalée entre Firefox et IE

[weis3r]

Bonjour,

Je suis en train de travailler sur un site web personnel et j'ai un problème avec les fameux tableaux !

Si vous aller sur le site www.vignoblemondor.com sur internet explorer les bandes grises ne sont pas situées à la bonne hauteur (les bandes qui doivent être à droite et à gauche du menu). Pourtant, si je prends firefox ou bien chrome tout fonctionne bien. Quelqu'un pourrait me dire ou j'ai foiré pour que dans IE les bandes soient affichées à la bonne place.

[RomainVALERI]

Envoyé par weis3r

les bandes grises ne sont pas situées à la bonne hauteur (les bandes qui doivent être à droite et à gauche du menu)

Je n'ai pas le même résultat : les bandes s'affichent à la même hauteur dans IE8 et FF4 chez moi...
En revanche, les bandes horizontales en question sont coupées à droite et à gauche sur IE, alors qu'elles continuent jusqu'au bord de l'écran sous FF.

[12monkeys]

Bonjour

Je dirais d'abord deux choses : il manque un DOCTYPE. Et la mise en page par tableaux est obsolète et déconseillée.

Maintenant plus spécifiquement sur ton problème, ça fait longtemps que j'ai plus fait de mise en page par tableaux... Mais je pense que tu as une erreur de conception : tu devrais plutôt intégrer tes 2 colonnes gauche et droite dans le tableau qui constitue ton corps.
En tout cas IE ne tiens pas compte de la hauteur que tu as fixé aux premières cellules de ces 2 colonnes. Si tu donnes une hauteur fixe à tes 3èmes cellules de ces colonnes gauche et droite, du genre :

Code :

1
2
3
4
        <tr>
          <td height="1550">&nbsp;</td>
          <td height="1550">&nbsp;</td>
        </tr>

alors ça marche (testé sous IE7)

[Fr3sh]

Sur la dernière version de IE, il n'y a pas de problème.

[weis3r]

Merci pour le commentaire sur les tableaux qui sont obsoletes. Je cherche justement une façon plus efficace d'intégrer le design graphique qu'une conceptrice à créée (un dessin sur photoshop). Quelles sont les nouvelles méthodes ? J'ai utilisé Photoshop en fesant des "slices" et importés le tout dans dreamweaver. Y a-t-il une autre façon de faire ?

Ce qui est bizzare c'est que sous IE7 et IE8 ça ne semble pas fonctionner...

Pour ce qui est d'ajuster la troisième colonne avec une valeur fixe j'y ai pensé mais contenu des diverses réolutions des usagers je ne sais pas trop quoi mettre comme valeur...

[12monkeys]

Aujourd'hui la mise en page se fait à base de CSS : http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/ et http://plambert.developpez.com/tutor...nnes-full-css/