28172 sujets

CSS et mise en forme, CSS3

[Résolu] Modifier les Css compatibles avec IE 8 :

Bonjour à tous,

Je modifie la présentation d'un programme livré prêt à l'emploi.
Il est optimisé de telle façon qu'il ne fonctionne complètement que sous Internet Explorer.

Je souhaite aligner à gauche les tables de la colonne de droite qui sont au départ centrées.

J'ai appliqué la méthode indiquée par :

http://css.mammouthland.net/tableaux-bordures-fines-border-css.php#prim

En conséquence j'ai ajouté à la feuille de style externe le code ci-dessous :

/* Table */
table {
 border-width:0px; 
 border-style:solid; 
 border-color:black;
 margin-left:10px;
 }
td { 
 border-width:0px;
 border-style:solid; 
 border-color:red;
 }


J'obtiens l'alignement à gauche des tableaux avec Safari et Firefox, mais pas dans Internet explorer 8

http://damier.manceau.free.fr/bonjour/table.htm

Pouvez vous m'indiquer un contournement qui forcerait IE à interpréter la feuille de style externe.

Merci de votre aide Smiley biggrin
Bonjour,

Page sans Doctype et donc affichée par IE8 avec le moteur de rendu d'IE 5.5 (pour faire simple).
Solution possible: rajouter un Doctype. Mais si le site n'a jamais été testé dans ces (bonnes) conditions, ça peut donner un résultat bizarre.
Merci fvsh de t'être intéressé à ma question.

Sur ton conseil, j'ai ajouté à toutes les pages .htm du programme, le DOCTYPE ci-dessous :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


Au résultat, les tables ne sont toujours pas alignées à gauche comme le prévoit le css externe ci-dessous :

http://damier.manceau.free.fr/bonjour/tdam50css.css

As-tu une idée de ce qui pourrait permettre à Internet Explorer d'interpréter la CSS externe ?

merci et à bientôt

dado
Bonjour fvsh,

J'ai le plaisir de t'informer que je suis parvenu a ce que Internet Explorer obéisse à la feuille de style lui demandant d'aligner les tables à droite.

Tout d'abord, comme tu l'avais pressenti, l'ajout du DOCTYPE sur ce site non testé dans ces conditions a entraîné quelques résultats bizarres. N'étaient plus pris en charge, la couleur de l'arrière plan colonne de gauche, la notation éclairée, la police déclarée dans les css, la lecture automatique de la notation.

J'ai donc rétabli la situation initiale.
Puis, en fouillant dans "CSS2 Guide du designer" de Charles Wyke-Smith, j'ai compris que la propriété margin-left et margin-right exprimée en % était prise en charge par IE.4.0 CSS1
J'ai donc essayé margin-left avec un faible % . Rien ne bouge Smiley fache
Puis j'ai essayé margin-right avec un fort %. Cette fois ça marche Smiley lol
Voici le code qui le permet, inséré dans le fichier .css externe :

/* Table */
table {
 border:0px solid black;
 margin-right:78%;
 }
td { 
 border:0px solid red;
 }


Je laisse quelques jours mon test à l'adresse ci dessous :

http://damier.manceau.free.fr/bonjour/table.htm

Merci de ton aide qui m'a donner l'envie de persévérer.

Dado
Modifié par dado (03 Mar 2011 - 15:01)
Sujet clos
Aller à