[CSS] Problèmes de blocs sous IE

Salut !
Alors que je viens de mettre en ligne un site web (http://darnajet.ifrance.com), je me rends compte avec horreur que IE ne rend guère compte convenablement de mes blocs CSS. En revanche, Netscape rend bien les pages.

Je viens de galérer à essayer plein de trucs pour corriger le problème, mais rien n'a y faire, la débutante que je suis s'y perd. Ca donne l'envie de revenir aux tableaux...

Je vous serai infiniment gré de m'éclairer sur des erreurs ou maladresses que j'aurais pu commettre.
Merci.

Tu n'y peux rien...

IE gère mal les CSS...

il te faut simplement prévoir un CSS supplémentaire pour IE ;)

deux choix : soit tu utilises un langage côté serveur (PHP ou ASP par exemple) et dans ce cas, tu peux détecter le navigateur côté serveur, et indiquer un .CSS différent pour chaque navigateur (c'est surtout avec IE qu'il y a le plus de problème ;) pour les autres ça reste minime généralement ^^)

ou alors, tu est en statique, dans ce cas, tu peux utiliser les box (CSS HACK BOX sur google)

une classique pour IE c'est

Code:

---

1 2 3

<!--[if IE]> <link rel="stylesheet" type="text/css" href="ie.css"> <![endif]-->

---

avec ça, le css ie.css ne sera chargé que par IE, ainsi tu peux mettre dedans les corrections qui permettront d'avoir un affichage correcte sous IE également ;)

Il faut tenir compte du fait que ton hebergeur ajoute une frame javascript qui fait tourner IE en quirk

Créer un css exclusivement pour IE m'apparaît en effet comme la meilleure solution, car de toute facon je possede toujours des difficultés à obtenir un résultat semblable entre Netscape et IE au niveau de la mise en page.
Toutefois, je ne maitrise encore ni le PHP, ni ASP...
Merci encore à tous.

pour ce qui est de PHP (assure toi que ton hébergeur le supportes ;) ) je peux toujours te donner un petit bout de code pour te permettre de selectionner le CSS (je l'avais donné sur ce forum il n'y a pas si longtemps... un post avec le tag CSS aussi ;) )

sinon, je viens de penser à ceci :

Code:

---

1 2 3 4 5 6

<link id="css" rel="stylesheet" type="text/css" href="css.css"> <!--[if IE]> <script type="text/javascript"> document.getElementById('css').setAttribute('href', 'ie.css'); </script> <[endif]-->

---

ça devrait avoir pour effet de remplacer le css... cependant, c'est du JavaScript, donc possible que ce soit désactivé...

Merci Swoog,
Mais a tout hasard, si cela ne fonctionne pas, que se passerait-il si j'inclus les instructions de positionnement dans la page HTML même, entre balises STYLE. Car, si je comprends bien, ce sont les CSS que IE ne lit pas adéquatement, et non qu'il possède une manière différente de calculer la largeur d'un écran.

Enfin, l'idée qui m'est venue à l'esprit n'est pas orthodoxe en matière de programmation, peut-être même est-ce erronné, mais cela constituerait une facon de contourner l'obstacle.
Thanks.

Non, le problème vient de la façon d'IE de positionner les blocs, pas de sa lecture des CSS ;)

Swoog,
Merci pour ton code en javascript, mais il ne fonctionne pas. IE6 ne semble pas du tout le reconnaître (j'ai bien activé javascript).
C'est incroyable ce type de problème, chaque fois que l'on concoit une page avec des blocs il nous faut donc traiter IE de manière exclusive...