Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 24/02/2011, 14h44   #1
Invité régulier
 
Inscription : juillet 2005
Messages : 26
Détails du profil
Informations forums :
Inscription : juillet 2005
Messages : 26
Points : 5
Points : 5
Par défaut Colonne de droite à la ligne sous IE

Bonjour,

[ vie privée ] J'ai récemment passé mon site sous Wordpress (teletong.fr), avec un thème à 2 colonnes, et je suis très content. [ / vie privée ]

J'ai cependant un seul problème, qui concerne uniquement IE 8 (pour changer) : la colonne de droite de mon site s'affiche à la ligne, en dessous...
(avec IE 9 beta le problème ne se produit pas...)

Tout semble valide au niveau des blocs div, et j'en déduis donc que le problème viens du CSS, avec lequel IE (< IE 9) a toujours du mal...
Peut-être une histoire de margin ?

D'habitude je ne m'occupe pas trop de l'optimisation du site pour ceux qui sont sous IE (ça se voit un peu, et je pense même remettre un avertissement comme quoi c'est pas très joli et qu'il vaut mieux un vrai navigateur...), mais là c'est quand même un peu trop embêtant pour que je reste sans réagir.

Le code CSS du site est ici, en espérant que quelqu'un puisse m'aider.

Bonne journée à tous en tout cas !
Douzout est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 24/02/2011, 15h22   #2
Modérateur
 
Avatar de Bisûnûrs
 
Josselin
Développeur Web
Inscription : janvier 2004
Messages : 9 050
Détails du profil
Informations personnelles :
Nom : Josselin
Âge : 29
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : janvier 2004
Messages : 9 050
Points : 12 181
Points : 12 181
Comme tu as dû le remarquer, ton site n'est pas centré non plus sur IE. Il ne semble pas interpréter le margin:auto, ce qui signifie qu'il est en mode Quirks. Essaie de supprimer le commentaire qui est au-dessus de ton DOCTYPE.
Bisûnûrs est déconnecté   Envoyer un message privé Réponse avec citation 20
Vieux 24/02/2011, 15h56   #3
Invité de passage
 
Inscription : février 2011
Messages : 14
Détails du profil
Informations forums :
Inscription : février 2011
Messages : 14
Points : 1
Points : 1
salut! Et si tu diminue la largeur de ta div.center-blog de quelques pixels???

genre:

Code :
1
2
3
4
5
6
div.center-blog {
    float: left;
    margin-right: 0;
    margin-top: 10px;
    width: 630px;
}
jptoco86 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 24/02/2011, 16h02   #4
Invité régulier
 
Inscription : juillet 2005
Messages : 26
Détails du profil
Informations forums :
Inscription : juillet 2005
Messages : 26
Points : 5
Points : 5
Citation:
Envoyé par Bisûnûrs Voir le message
Comme tu as dû le remarquer, ton site n'est pas centré non plus sur IE. Il ne semble pas interpréter le margin:auto, ce qui signifie qu'il est en mode Quirks. Essaie de supprimer le commentaire qui est au-dessus de ton DOCTYPE.
Incrédible ! It worked !!
Du coup je suis en train d'enlever le commentaire sur tous les modèles de page où il y en a un avant le header...

J'étais loin de penser qu'un commentaire html pouvait éventuellement perturber IE !
Je crois que j'aurais passé des heures à vérifier et re-vérifier pour rien !!

Je vais peut-être me renseigner un peu sur ce mode Quirks, car j'avoue que je ne vois toujours pas trop le rapport cause-conséquence...j'avais effectivement vu pour le non-centrage du site, mais je m'étais dit "c'est pas trop trop grave, tant pis pour eux ^^)

Merci beaucoup en tout cas !
Ça ne fait que confirmer ce que j'avais déjà décidé : ne pas perdre mon temps à prendre IE en compte pour le look (on verra avec IE 9...)
Douzout est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 24/02/2011, 16h04   #5
Invité régulier
 
Inscription : juillet 2005
Messages : 26
Détails du profil
Informations forums :
Inscription : juillet 2005
Messages : 26
Points : 5
Points : 5
Citation:
Envoyé par jptoco86 Voir le message
salut! Et si tu diminue la largeur de ta div.center-blog de quelques pixels???

genre:

Code :
1
2
3
4
5
6
div.center-blog {
    float: left;
    margin-right: 0;
    margin-top: 10px;
    width: 630px;
}
En fait je venais justement d'augmenter la largeur de la colonne de droite de 180 à 200px (pour que le plus long "mot-clé" rentre entièrement) en espérant que ça répare le problème pour IE, mais ce fut la déception.
La manip de suppression du commentaire en haut de page a fonctionné par contre, à ma grande (et agréable ) surprise
Douzout est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 16h38.


 
 
 
 
Partenaires

Hébergement Web