28173 sujets

CSS et mise en forme, CSS3

[Resolu] Souci compatibilité IE6 / IE5 sur un template CSS

Bonjour à tous !

Je viens vous demander de l'aide suite à un petit soucis rencontré avec la mise en page d'un site web.
En effet, je suis ce qu'on peut appeler un débutant dans le domaine du CSS et j'ai essayé de faire un truc un peu compliqué (pour moi hein, surement pas pour vous).
Au final ça marche super bien sous IE7 et sous FF mais ça ne ressemble à rien sous IE6.
Voici le résultat obtenu sous IE7 et FF, qui est exactement ce que je recherche :
http://img263.imageshack.us/img263/7083/siteietr5.th.jpg

Par contre sous IE5 le resultat est tout autre :
http://img300.imageshack.us/img300/9812/siteie5bq2.th.jpg

Comme vous pouvez le voir le contenu de gauche est décallé,il y a un espace en bas entre le contenu et le footer et le site n'est plus centré.

Voici le fichier css qui sert pour la mise en page >ICI<. Il comporte surement de nombreuses erreur ou "magouilles" mais c'est tout ce que j'ai réussi à faire Smiley sweatdrop

Merci d'avance à vous tous
Modifié par Gottferdom (27 Jan 2007 - 11:41)
Bonjour,
Comme tu l'auras certainement noté, IE5 n'interprête pas toutes les subtilités CSS...
Mais on ne va pas s'en étonner ! Smiley lol

Pour centrer un site sous IE5, il te faut utiliser la déclaration suivante : 
body {text-align: center; }

Bon courage pour la suite Smiley cligne
Tout d'abord, je te remercie de ta réponse.
En fouinant un peu sur le web (et beaucoup sur ce site / forum) j'ai découvert que IE6 galère quand on met des padding et que le bloc est en position relavite, et qu'on peut corriger ça en mettant des marges dans le contenu de ce bloc. Car apparement si tu met une taille fixe de 300, avec des marges de 15 pour FF / IE7 ça donne un total de 330 px de large. Alors que pour IE ça reste à une taille de 300 d'ou là différence d'affichage. Et comme je m'etais bassé sur l'affichage de FF pour developper.. ça foire !

Du coup j'ai revisité un peu tout mon code, et miracle.. ça marche ! (y a encore un tout petit décallage mais ça reste négligeable par rapport à avant).

Donc mon problème est résolu ! Merci bien
La DTD est bonne, je l'ai prise sur le site d'ailleur.

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
Sujet clos
Aller à