28173 sujets

CSS et mise en forme, CSS3

Bonjour,

je viens vers vous car je suis en train de debugger l'affichage d'une page sous IE que j'ai créé sous FF et il ne me reste qu'un problème à régler et je suis dessus depuis ce matin... Smiley decu

Voici mon code (je l'ai simplifié au maximum pour comprendre le problème) :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.s1 {
    table-layout:fixed;
    border: 5px solid #000;
    overflow-x:hidden;
    font-size:50px;
}    
.s2 {
    border: 5px solid #f0f;
    overflow-x:hidden;
}
.s3{
    border: 5px solid #00f;
    text-align:right;
    float:right;
    white-space: nowrap;
}
.s4{
    border: 5px solid #f00;
    white-space: nowrap;
    overflow-x:hidden;
}
</style>
</head>
<body>

<table width="100%" class="s1"><tr><td class="s2">
    <div class="s3">texte de droite</div>
    <div class="s4">texte qui est long et qui est caché par l'overflow hidden</div>
</td></tr></table>

</body>
</html>


Le tableau est là (et doit rester là) car dans mon code réel il y a plusieurs lignes.

Comme je l'ai dis précédemment sous FF ça tourne comme je le souhaite, et j'aimerai que ça tourne pareil sous IE6 à IE8.

Quelqu'un pourrait m'aider ou au moins me mettre sur le chemin svp?

merci Smiley smile
tsss! tsss! RiPSO ! Smiley cligne

Et si tu ajoutais proprement un doctype, cela marcherais surement mieux Smiley lol


<!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" lang="fr">
hey salut fandecine, sympa de te retrouver ici, je me sens moins seul pour mon premier post Smiley lol

j'avous sur ce coup j'ai été une grosse quiche Smiley biggrin
merci beaucoup de m'avoir éclairé.

Maintenant j'ai plus qu'a corriger tout mon javascript car c'est lui qui bloque maintenant (semblerait-il que le DTD ne me permet plus de faire du javascript un peu bourrin Smiley murf )

Une journée pour corriger les différences de javascript et CSS entre FF et IE d'une page d'affichage de messages façon hotmail avec des volets de lecture, et encore c'est pas fini... vive l'été à travailler moi je dis Smiley lol

---

AAAAAHHH attends c'est pas fini, sous IE6 ça ne passe pas Smiley sweatdrop
une autre idée peut-être?


pour info je test sous IE6 via le logiciel IEtester donc j'espère que ça emule bien IE6... Smiley edit Modifié par RiPSO (10 Aug 2009 - 19:15)
Salut

Tu peux éventuellement télécharger une image virtuelle d'XP avec IE6 (IE6-XPSP3.exe, prévoit un bon 1.5go une fois déployé)
http://www.microsoft.com/downloads/details.aspx?FamilyID=21eabb90-958f-4b64-b5f1-73d0a413c8ef&displaylang=en

Il te faudra également Virtual PC
http://www.microsoft.com/windows/products/winfamily/virtualpc/default.mspx

Par contre ça expire le 31 Aout...
Z'ont peut-être oublié d'étendre la validité...

'Fin bref ça peut servir.
Merci pour ces solutions, je pense que je vais me faire une partition XP sur une de mes machines, pour tester rien ne vaut le vrai IE6 plutot qu'une emulation IE6 sur Win7 Smiley smile

Pour mon problème de compatibilité avec IE6 j'ai décidé de régler ça en javascript.