pb de positionnement de div avec IE7 - HTML/CSS - Programmation
Marsh Posté le 25-06-2011 à 19:02:40
A regarder la CSS + HTML avec CSS à l'intérieur, ton site est une soupe de bricolage du dimanche. Au mieux tu peux faire un hack à la con du genre :
*margin-left:-XXpx pour résoudre le problème mais ça restera dégueulasse.
Au mieux je te conseille de reprendre ton layout de 0, car je vois des marges négatives avec des valeurs bricolées, des propriétés CSS dans tous les sens, etc, etc. Donc cela ne m'étonne même pas que ça pète dans tous les sens.
Marsh Posté le 25-06-2011 à 22:44:24
Ok, c'est du bricolage du dimanche mais je n'ai jamais eu l'occasion d'apprendre ! (j'ai 62 balais tout de même !)
Ceci dit, si tu as lu mon post, ça ne pète pas dans tous les sens mais seulement un petit problème sur ma page d'accueil et uniquement avec IE7 !!!
Je n'appelle pas ça péter dans tous les sens !!!
As tu seulement jeté un œil sur mon site ? il y avait un lien dans mon post, je le remets ici plus clairement :
meteo-plouguerneau.fr
Marsh Posté le 25-06-2011 à 23:51:06
tudgur a écrit : Ok, c'est du bricolage du dimanche mais je n'ai jamais eu l'occasion d'apprendre ! (j'ai 62 balais tout de même !) |
On va dire que il y avait moyen de se prendre 100x moins la tête en reprenant ton site proprement que de la manière que tu l'as fait. Mais le problème n'est pas là.
Pour corriger simplement sous ie7 tu peux rajouter une propriété css en utilisan un hack css rien que pour ie7
J'i mis le code plus haut
Il suffit de mettre *margin-left:-80px ou tu mets la valeur qu'il faut.
Marsh Posté le 26-06-2011 à 14:09:45
Salut,
Le *margin-left:-XXpx ne change strictement rien.
J'y suis arrivé avec position:absolute...
Il me reste à régler un problème de positionnement de quelques div en hauteur, mais uniquement avec IE7.
Sinon, c'est bon sous IE6, IE8, et IE9.
Comme je n'ai pas de PC avec IE6, j'ai installé IETester...
Marsh Posté le 11-07-2011 à 23:23:21
je serais toi, je ne me prendrais pas trop la tête à hacker les css pour ie7, il ne représente plus que 1% des navigateurs mondiaux d'après http://www.w3schools.com et microsoft propose l'update vers ie8 et 9 à tous ses clients.
Vérifie le html et les css sur le site du w3c http://validator.w3.org/ ça t'aidera à partir d'une base saine.
bon débogage !
Marsh Posté le 24-06-2011 à 18:40:32
Bonjour à tous.
Il doit s'agir de mon premier post ici et j'espère ne pas me tromper d'endroit...
Passionné de mesures météo, j'ai un site qui est actualisé toutes les 5min, 24h/24 et 7j/7.
Les visiteurs utilisent de IE6 à IE9, FF, Chrome et Safari pour plus de 99%. (j'utilise Piwick qui me donne ces renseignements)
J'essaye donc de faire en sorte que mon site soit lisible dans tous les navigateurs mais j'ai un problème avec IE7.
Alors que tout est OK (ou presque !) avec les autres voici ce que j'obtiens dans IE7 :
Le bandeau bleu foncé est décalé vers la droite, l'image satellite n'est pas centrée, la vignette Météo-France n'est pas centrée...
Un autre problème semblable en bas de la même page...
Voici la partie concernée du code (soyez indulgent, je suis loin d'être un pro !) :
Et le css concerné :
Pour IE6, j'avais trouvé des "hacks", mais rien pour IE7 !!!
Si vous pouviez m'aider, ce serait sympa.
Merci à tous.
---------------
http://meteo-plouguerneau.fr