Nouveau sur le forum ? Voici votre case départ pour bien débuter.

Incontournables XHTML / CSS :

Auteur
matimat2k4
# 15 May 2008 - 22:19:17
Citer
13 Posts
Bonsoir,

Je ne sais pas si j'en envie de pleurer ou de me pendre mais ça devient dur dur...

J'ai réalisé ma feuille de style pour IE7. Je teste sur IE6 tout est décalé. Je corrige sous IE6 et c'est IE7 qui est décalé.
Comment faire pour que ma feuille de style soit compatible avec les 2 ?

J'ai mis le site en ligne si quelqu'un peut m'aider...
Cliquer ICI

Ma feuille de style passe correctement sous IE7 mais pas IE6.

Merci.

^
Felipe
# 16 May 2008 - 13:17:06
Citer
Administrateur
4766 Posts
Bonjour,

ta page n'est pas valide: dans ton <head>, c'est content en anglais et non contenu cligne

Pour ce qui du commentaire conditionnel utilisé, tu peux - si nécessaire - utiliser 2 feuilles de style
<!--[if lt IE 7]> <link href="ie6.css" rel="stylesheet" type="text/css" media="screen,projection" /> <! endif -->
<!--[if IE 7]> <link href="ie7.css" rel="stylesheet" type="text/css" media="screen,projection" /> <! endif -->

Voir la FAQ: http://forum.alsacreations.com/faq/faq-53-Qu039est-ce-que-les-commentaires-conditionnels-.html pour plus d'informations smile (lte, lt, rien, etc)

J'ai regardé ta page sous IE6: le header est d'une hauteur énorme chez moi (IE6 standalone de Tredosoft sous Win XP SP2)
J'ai copié en local et je n'ai pas du tout la même chose confus . Le serveur n'est pas le même (Wampserver et je ne sais quel encodage) mais j'ai bien copié index.html, tes 2 feuilles de style et 2 images dans le même répertoire du même nom. Voilà qui est plus que bizarre ...

edit: sous IE7, j'observe un problème de marge en bas de la colonne de gauche.
Modifié par Felipe (16 May 2008 - 13:18)

Concours de novembre: racontez-nous une histoire

^
6l20
# 16 May 2008 - 13:23:55
Citer
Chasseur de 1/2 Kiwiz
Modérateur
1371 Posts
Ah ben zut, j'étais sûr d'avoir répondu à ce sujet confus
Bon...je perds la tête... sweatdrop
+1 avec les remarques de Felipe

Concernant l'image sous IE6, il me semble que le fautif se trouve ici :
img {
height:auto;
max-width:100%;
}


Cdt,
Sylvain

XHTML: structure. CSS: présentation. Javascript: comportement.

^
matimat2k4
# 16 May 2008 - 17:54:08
Citer
13 Posts
En fait j'avais déjà corrigé en reprenant effectivement les comentaites altrernatifs.
Par contre Felipe j'ai effectivement un problème de bannière sous IE6.
Si on tape l'url de la page pas de problème.
Si on réactualise la page en faisant F5 la bannière triple...

une idée ?

^
matimat2k4
# 17 May 2008 - 13:37:40
Citer
13 Posts
j'ai réussi à tout résoudre mais maintenant sous IE7 la bannière se décale de quelques pixel...

^
matimat2k4
# 18 May 2008 - 23:31:22
Citer
13 Posts
c'est bon j'ai trouvé j'avais oublié un ! dans mon commentaire du coup il m'affichait <--> et me décalait la bannière...

^

référencesLes références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org

Nos partenaires : Editions Eyrolles

Nikozen : Hébergement - Réalisation : Alsacreations.fr

Powered by Phedio v3.7.9 © dew
Contacter l'administrateur - 3.4 ms - Charte