OVH Cloud OVH Cloud

CSS, tables, IEFF

4 réponses
Avatar
Remy Belleau
Bonjour,

Un souci de CSS :
Je suis en train de refondre un site avec de nouvelles feuilles de style.
Mais j'ai des soucis IE vs FF : un poncif !
j'ai une page dans laquelle il n'y a pas d'ascenseur horizontal, ni avec
IE ni avec FF :
http://www.utl-essonne.org/try/test_5.htm
et une autre, avec *la même feuille de style*
qui en provoque avec IE mais pas avec FF :
http://www.utl-essonne.org/try/test_6.htm
Accès à mes cafouillages : http://www.utl-essonne.org/try/
C'est, je crois, cette "class" qui est en cause :

.table_1 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color: White;
margin: auto;
color: black;
width: 100%;
}

/* Définition du "td" pour les tableaux "table_1" */
.table_1 td {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid navy;
padding: 2px 10px 5px 10px;
background-color: #FFFFDD;
color: black;
text-align: justify;
}

Impossible d'en trouver la raison de cette différence !

1. Quelle peut en être la raison ?
2. comment assurer une version IE = FF pour un tableau à width="100%"
inséré dans une <div>

Par ailleurs, si je supprime la première ligne du code :
<?xml version="1.0" encoding="utf-8"?>
Tout est OK : IE = FF : pas d'ascenseur horizontal !
(cette ligne de code est générée par DW. Fichier / nouveau/ Page XHTML)

Merci de votre aide.
Cordialement,

Rémy Belleau
remybelleau@phree.fr (free)
======
« L'informatique n'est pas plus la science de l'ordinateur
« que l'astronomie n'est celle du télescope »
Edsger Dijkstra.

4 réponses

Avatar
Thibaut Allender
On 12/02/2006 15:12, Remy Belleau wrote :
Par ailleurs, si je supprime la première ligne du code :
<?xml version="1.0" encoding="utf-8"?>
Tout est OK : IE = FF : pas d'ascenseur horizontal !
(cette ligne de code est générée par DW. Fichier / nouveau/ Page XHTML)



Ca aussi c'est un poncif, il faut bien évidemment supprimer le prologue
XML si on ne veut pas que IE passe en mode quirks, et donc en box-model
MS et non standard, ce qui explose toute la mise en page

voir http://css.maxdesign.com.au/listamatic/about-boxmodel.htm

--
thibaut allender | http://capsule.org | http://photo.capsule.org
Avatar
ASM
Remy Belleau a écrit :
Bonjour,

Un souci de CSS :
Je suis en train de refondre un site avec de nouvelles feuilles de style.
Mais j'ai des soucis IE vs FF : un poncif !
j'ai une page dans laquelle il n'y a pas d'ascenseur horizontal, ni avec
IE ni avec FF :
http://www.utl-essonne.org/try/test_5.htm
et une autre, avec *la même feuille de style*
qui en provoque avec IE mais pas avec FF :
http://www.utl-essonne.org/try/test_6.htm



dans test-5 :
(FdS : style2006-5.css)

<textarea name="remarques" cols="76"

diminuer le colonnage ou mieux le supprimer

<textarea name="remarques" style="width:98%"

--
Stephane Moriaux et son [moins] vieux Mac
Avatar
Remy Belleau
Thibaut Allender a écrit :
il faut bien évidemment supprimer le prologue
XML si on ne veut pas que IE passe en mode quirks, et donc en box-model
MS et non standard, ce qui explose toute la mise en page

voir http://css.maxdesign.com.au/listamatic/about-boxmodel.htm




Merci à Thibault pour la solution et le lien,
Merci à Stéphane pour l'amélioration.

Bien cordialement
--
Rémy Belleau
(free)
===== « L'informatique n'est pas plus la science de l'ordinateur
« que l'astronomie n'est celle du télescope »
Edsger Dijkstra.
Avatar
ASM
Thibaut Allender a écrit :
On 12/02/2006 15:12, Remy Belleau wrote :

<?xml version="1.0" encoding="utf-8"?>



Ca aussi c'est un poncif, il faut bien évidemment supprimer le prologue
XML si on ne veut pas que IE passe en mode quirks, et donc en box-model
MS et non standard, ce qui explose toute la mise en page



Mon IE Mac doit toujours être en mode Quirks (à moins que ce ne soit FF ?)
car même présentations 5 et 6 dans IE et FF
(à un chouias près : positionnement du textarea)

voir http://css.maxdesign.com.au/listamatic/about-boxmodel.htm



J'en profite pour revenir sur ce que j'ai dit pour le textarea
le style à 98% de largeur ne positionnant pas le textarea
à droite du label invisible (et metttant le souck dans mon IE)
mettre alors un colonage compatible avec écran en 800 de large ?
genre cols="30"

--
Stephane Moriaux et son [moins] vieux Mac