style css et IE

alainL

unread,

Mar 23, 2013, 2:16:11 PM3/23/13

to

Bonsoir,
Encore une fois, IE ne r�agit pas comme Ffx. Je voudrais obtenir un div
"global" de 900px, centr�. C'est OK avec Firefox mais avec IE, le div
n'est pas centr� et tout reste � gauche.

http://autourdalos.fr/html/saliga130321.htm

Merci pour vos suggestions.
--
AlainL

http://autourdalos.fr

GR

unread,

Mar 23, 2013, 3:32:46 PM3/23/13

to

Le 23/03/2013 19:16, alainL a �crit :

> Bonsoir,
> Encore une fois, IE ne r�agit pas comme Ffx. Je voudrais obtenir un div
> "global" de 900px, centr�. C'est OK avec Firefox mais avec IE, le div
> n'est pas centr� et tout reste � gauche.
>
> http://autourdalos.fr/html/saliga130321.htm
>
> Merci pour vos suggestions.

Je n'arrive pas � charger ta page. Tu as utilis� text-align: center; ou
width: 900px; margin-left: auto; margin-right: auto;

--
Site : http://www.grenault.net
Cours photo : http://www.grenault.net/tech.htm
Home cin�ma : http://www.grenault.net/homecine.htm

alainL

unread,

Mar 23, 2013, 3:40:43 PM3/23/13

to

Tu ne peux pas acc�der � la page ou pas � voir le code ?
J'ai defini un <style> dans le head.
html, body {
height: 100%;
width: 100%;
overflow:auto;
background:#020501;
}

body {
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
color : #CCCCCC;
}
a:link{color:#FFD700;text-decoration:underline;}

#global {
min-height: 100%;
width: 900px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}

</style>

Je viens de v�rifier aussi sur Chrome, �a va. Mais toujours pas sur IE :-(

AlainL

http://autourdalos.fr

Le 23/03/2013 20:32, GR a �crit :

Message has been deleted

GR

unread,

Mar 23, 2013, 3:52:44 PM3/23/13

to

Le 23/03/2013 20:40, alainL a �crit :

Temps de r�ponse tr�s long.

Guy Gruais

unread,

Mar 23, 2013, 4:01:09 PM3/23/13

to

Bonjour,

Vous avez pu remarquer que alainL vient d'�crire

> http://autourdalos.fr/html/saliga130321.htm
>
> Merci pour vos suggestions.

Avec Chrome, c'est centr� mais ... ....
Pfffffffiiiiiiiiiooooooouuuuuuuu. Plus d'une minute pour t�l�charger la
page. Je sais que mon ADSL n'est pas tr�s performant (3880m du NRA) mais
quand m�me !!!
En temps ordinaire, il y a longtemps que j'aurais abandonn� :-(
--
Cordialement
guy.s...@free.invalid
http://fonderie.indret.free.fr

alainL

unread,

Mar 24, 2013, 4:26:59 AM3/24/13

to

Bonjour,
Je ne bricole que par �-coups et, par manque de pratique, j'oublie la
syntaxe. Alors je fais pas mal de copier-coller que j'arrange comme je
peux :-((
J'ai donc pour cette page utilis� le squelette d'une autre d'un vieux
site avec
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

mais j'ai aussi repris des balises sur une page plus r�cente utilisant

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

et le changement du 1 en 2 a �t� efficace !

Merci pour ta suggestion, je garde quand m�me le lien :-)
Bonne journ�e.

AlainL

http://autourdalos.fr

Le 23/03/2013 20:44, Eric Demeester a �crit :
> dans (in) fr.comp.infosystemes.www.auteurs, alainL
> <jaraile...@gmail.com> ecrivait (wrote) :
>
> Bonsoir Alain,

>
>> Encore une fois, IE ne r�agit pas comme Ffx. Je voudrais obtenir un div
>> "global" de 900px, centr�. C'est OK avec Firefox mais avec IE, le div
>> n'est pas centr� et tout reste � gauche.
>> http://autourdalos.fr/html/saliga130321.htm
>

> Il faut appliquer un patch dans ta feuille CSS, en mettant en premier la
> CSS correcte de l'�l�ment, puis derri�re la CSS modifi�e pour IE, avec
> une classe conditionnelle.
>
> Quelques explications ici :
>
> http://www.alsacreations.com/astuce/lire/988-classe-conditionnelle-ie.html
>

Olivier Miakinen

unread,

Mar 24, 2013, 5:30:20 AM3/24/13

to

Bonjour Alain,

Le 24/03/2013 09:26, alainL a ï¿œcrit :
> Je ne bricole que par ï¿œ-coups et, par manque de pratique, j'oublie la

> syntaxe. Alors je fais pas mal de copier-coller que j'arrange comme je
> peux :-((

> J'ai donc pour cette page utilisï¿œ le squelette d'une autre d'un vieux

> site avec
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Beuh !

Le seul doctype sans url est le doctype HTML5. Note que c'est une bonne
idï¿œee de copier-coller le doctype, mais ï¿œ condition de choisir dans une
liste correcte !

Si tu as perdu cette liste, demande ï¿œ Google :
https://www.google.fr/search?hl=fr&q=choix%20du%20doctype

Par exemple, chez alsacreations oï¿œ t'envoyait ï¿œric :
http://www.alsacreations.com/article/lire/560-dtd-doctype-html-xhtml-comment-choisir.html

S'il y a *une* chose que tu ne dois pas faire ï¿œ la lï¿œgï¿œre, c'est bien
le choix du doctype. Si l'on ne tient pas compte de HTML 5, je te
suggï¿œre la dï¿œmarche suivante :

1) Choisir le doctype HTML 4.01 Transitional(ï¿œ) et passer ta page au
validateur <http://validator.w3.org/>.

2) Corriger toutes les erreurs. Venir ï¿œventuellement demander de
l'aide ici -- au risque de te faire chambrer si le message du
validateur est tellement clair que tu aurais dï¿œ t'en sortir
tout seul, mais bon, c'est le risque.

3) Changer pour le doctype HTML 4.01 Strict(ï¿œ) et repasser ta page au
validateur.

4) Corriger toutes les erreurs.

Je te dï¿œconseille XHTML ï¿œ moins que tu n'en aies absolument besoin
(c'est-ï¿œ-dire que tu puisses expliquer pourquoi tu as absolument
besoin de XHTML plutï¿œt que de HTML).

(ï¿œ)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

(ï¿œ)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

> mais j'ai aussi repris des balises sur une page plus rï¿œcente utilisant

>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml">
>

> et le changement du 1 en 2 a ï¿œtï¿œ efficace !

Aaaaargh ! Ta page n'est *pas* en XHTML, alors tu ne dois *pas*
prendre un doctype XHTML !

http://validator.w3.org/check?uri=http%3A%2F%2Fautourdalos.fr%2Fhtml%2Fsaliga130321.htm

> Le 23/03/2013 20:44, Eric Demeester a ï¿œcrit :

>> dans (in) fr.comp.infosystemes.www.auteurs, alainL
>> <jaraile...@gmail.com> ecrivait (wrote) :
>>

>> [citation intï¿œgrale aprï¿œs ta rï¿œponse]

C'est aussi par manque de pratique que tu oublies la syntaxe de la
faï¿œon de rï¿œpondre sur usenet ?
<http://www.usenet-fr.net/fur/usenet/repondre-sur-usenet.html>

Cordialement,
--
Olivier Miakinen

Message has been deleted

GR

unread,

Mar 24, 2013, 7:13:50 AM3/24/13

to

Le 24/03/2013 11:57, Eric Demeester a �crit :

> dans (in) fr.comp.infosystemes.www.auteurs, alainL
> <jaraile...@gmail.com> ecrivait (wrote) :
>

> Bonjour Alain,
>
> En compl�ment de la r�ponse d'Olivier :

>
>> Je ne bricole que par �-coups et, par manque de pratique, j'oublie la
>> syntaxe. Alors je fais pas mal de copier-coller que j'arrange comme je
>> peux :-((
>

> Tu n'es pas la seule personne � proc�der ainsi, mais par exp�rience, et
> aussi parce que je suis souvent amen� � d�panner des personnes
> appliquant des solutions copi�es/coll�es sans comprendre leur
> fonctionnement, ce n'est pas une bonne pratique.
>
> En effet, comme tu viens de le constater, d�s qu'un probl�me se pose, on
> est d�muni, et le temps � gagn� � � appliquer des solutions toutes
> faites, est tr�s largement perdu quand �a ne fonctionne plus ; sans
> parler des effets de bord signal�s par Olivier.
>
> � mon sens, mieux vaut � perdre du temps � en apprenant et en comprenant
> ce qu'on fait, puisqu'au final, on acquiert des connaissances et de
> l'exp�rience, qui... font gagner �norm�ment de temps, et r�compensent
> l'effort inititial au centuple.
>
> Enfin, c'est ma philosophie � moi que j'ai.
>

+1

SAM

unread,

Mar 25, 2013, 9:06:58 AM3/25/13

to

Le 23/03/13 20:40, alainL a ï¿½crit :

> J'ai defini un <style> dans le head.
> html, body {
> height: 100%;
> width: 100%;
> overflow:auto;
> background:#020501;
> }
>
>
> body {
> font-family:Arial, Helvetica, Verdana, sans-serif;
> font-size: 0.8em;

le font-size pour le body, je ne trouve pas que c'est une bonne idï¿½e ...

> margin: 0;
> padding: 0;
> color : #CCCCCC;
> }
> a:link{color:#FFD700;text-decoration:underline;}
>
> #global {

position: relative;

> min-height: 100%;
> width: 900px;
> overflow: hidden;

Je n'ai pas IE, mais ... peut-ï¿½tre que cet overflow ?
(dont en fait on se demande ï¿½ quoi il sert quand en fait il n'y a rien ï¿½
cacher)

> margin-left: auto;
> margin-right: auto;
> }
>
> </style>

>> Le 23/03/2013 19:16, alainL a ï¿½crit :
>>> IE ne rï¿½agit pas comme Ffx. Je voudrais obtenir un div
>>> "global" de 900px, centrï¿½.
>>>
>>> http://autourdalos.fr/html/saliga130321.htm

Boudiou !!!!
- plus de 2 Mo ï¿½ charger !
- images non affichï¿½es ï¿½ la bonne dimension
- certaines de 1200px vues en 900px (proportionnellement)
- d'autres dï¿½formï¿½es en hauteur seulement

>>> Merci pour vos suggestions.

<div id="global">
<p align="center">
<img width="900" height="675" alt="titre" src="../images/130321_titre.png">
</img>
</p>

Heu ...
- Pas besoin de lï¿½attribut align dans le P
- prï¿½fï¿½rez styler l'image en width:100%
(et supprimer les width et height
surtout quand ils ne sont pas appropriï¿½s)
- c'est quoi ce </img> ?

--
Stï¿½phane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8

SAM

unread,

Mar 25, 2013, 9:12:26 AM3/25/13

to

Le 23/03/13 20:44, Eric Demeester a �crit :

> dans (in) fr.comp.infosystemes.www.auteurs, alainL
> <jaraile...@gmail.com> ecrivait (wrote) :
>

>> Je voudrais obtenir un div "global" de 900px, centr�.

>> avec IE, le div n'est pas centr� et tout reste � gauche.
>> http://autourdalos.fr/html/saliga130321.htm
>

> Il faut appliquer un patch dans ta feuille CSS, en mettant en premier la
> CSS correcte de l'�l�ment, puis derri�re la CSS modifi�e pour IE, avec
> une classe conditionnelle.

heu ...
quelle est la CSS pour IE ?

l�, en l'occurrence pour le centrage de ce DIV

> Quelques explications ici :
>
> http://www.alsacreations.com/astuce/lire/988-classe-conditionnelle-ie.html

Oui, bon, bien et ...
... quelles sont les css pour les IE 5, 6, 7, 8 (et 9 ?)

--
St�phane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8