OVH Cloud OVH Cloud

IE toujours...

26 réponses
Avatar
Le Fou
Salut,

Qu'est-ce qui fait qu'une page fonctionne en local et pas en ligne avec
Internet Explorer (IE9 chez moi) ?

Cette page :
<http://ffessm.cd84.free.fr/comite.htm>
Les "trombines" forment une pyramide, tout est parfait avec Firefox.
Tout va bien aussi avec IE en local (chez moi) mais une fois en ligne
les photos se retrouvent une en dessous de l'autre et occupent toute la
largeur du conteneur.

Je suppose que c'est la propriété "display: inline-block;" qui fout la
m... mais je ne comprends pas pourquoi.

Auriez-vous une idée ?

des extraits du code :
===== Code HTML =====
<div class="boite centre"><!-- le contenu de la boite est centré -->
<h2 class="centre">Le Comité Directeur</h2>

<dl class="comite">
<dt>Président</dt>
<dd><img src="image01.jpg"></dd>
<dd>nom01</dd>
</dl>
<br>

<dl class="comite">
<dt>Secrétaire</dt>
<dd><img src="image02.jpg"></dd>
<dd>nom02</dd>
</dl>
<dl class="comite">
<dt>Trésorier</dt>
<dd><img src="image03.jpg"></dd>
<dd>nom03</dd>
</dl>
<br>
etc.

===== CSS =====
dl.comite {
position: relative;
display: inline-block;
border: thin solid white;
text-align: center;
padding: 0px;
margin: 5px;
}

.comite dt {
font-weight: bold;
background-color: #026282;
margin: 0px;
padding: 5px;
border-bottom: thin solid white;
}

.comite dd img {
border: 1px solid white;
margin: 5px 5px 0px 5px;
}

.comite dd {
margin: 0;
padding: 5px;
}
===============

Merci.

--
A' tchao

Le Fou
http://shippylelivre.free.fr/
http://www.ffessm-cd84.com/

6 réponses

1 2 3
Avatar
SAM
Le 04/02/15 20:22, Le Fou a écrit :

J'ai donc intégré le fameux méta-tag et avec mon IE9 la page :
<http://ffessm.cd84.free.fr/comite.htm>



Merdum !
Mes exemples-test ont donc cette balise !

Bon je l'enlève de ces exemples
Hop !



Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
Avatar
Eric Demeester
Bonsoir,

Le Fou (Wed, 04 Feb 2015 20:22:11 +0100 -
fr.comp.infosystemes.www.auteurs) :

Moi j'ai trouvé !
(enfin je crois)
Sur la page :
<http://www.alsacreations.com/astuce/lire/1437-comment-interdire-le-mode-de-compatibilite-sur-ie.html>

J'ai donc intégré le fameux méta-tag et avec mon IE9 la page :
<http://ffessm.cd84.free.fr/comite.htm>
semble se comporter normalement.



Félicitations pour ta pugnacité !

Mais dis-moi, si point ne m'abuse (mais je peux me tromper oeuf corse),
cette piste ne t'avait-elle pas été suggérée par Paul Gaborit ?

8<---8<---8<---8<---8<---8<---8<---8<---8<---8<---8<---8<---8<---8<---

From: Paul Gaborit
Subject: Re: IE toujours...
Date: Tue, 03 Feb 2015 11:01:51 +0100

Peut-être une piste : <https://en.wikipedia.org/wiki/Quirks_mode>



8<---8<---8<---8<---8<---8<---8<---8<---8<---8<---8<---8<---8<---8<---

Parce qu'à la lecture de la page indiquée (en anglais il est vrai et je
crois avoir compris que ce n'était pas trop ta tasse de thé), il
semblerait bien que le « Quirks mode » évoqué traite bien des modes de
compatibilité descendants et des soucis qu'ils peuvent causer...

Et chez vous ?



Chez moi je ne peux pas dire, je n'ai pas d'IE9, ni d'IE tout court,
sauf probablement un caché au fond de mon Windows 7, mais je ne m'en
sers jamais et il est probable que ce soit un 10 ou un 11 plutôt qu'un
9.

Merci à tous.



Heureux d'avoir pu contribuer à essayer de t'aider, même si mes
suggestions étaient finalement peut-être à côté de la plaque :)
Avatar
Denis Beauregard
Le Mon, 02 Feb 2015 22:34:46 +0100, Eric Demeester
écrivait dans
fr.comp.infosystemes.www.auteurs:

Bonsoir,

Le Fou (Mon, 02 Feb 2015 17:11:03 +0100 -
fr.comp.infosystemes.www.auteurs) :

Au delà des bugs inhérents aux anciennes versions d'IE, qu'elle
fonctionne en local et pas en ligne avec la même version d'IE est
étrange.



Je ne sais pas.

Je produis un CD-ROM avec une base de données sous forme de pages
web. Dans une version avant IE 9, j'obtenais toujours une alerte
de sécurité quand je voulais lire la version sur mon ordi mais
pas avec la version sur Internet (le code est toutefois différent).

J'ai maintenant IE 9 et ce problème en soit est corrigé (je viens
de vérifier). Mais je sais que cela arrivait dans une version
précédente.

Comme j'utilise IE le moins possible, je ne sais pas quand ce
problème a été corrigé.

Ceci dit, IE avait un fonctionnement différent en ligne et en local.


Denis
Avatar
SAM
Le 04/02/15 20:22, Le Fou a écrit :

Demain je ferai la même chose avec les autres pages.



Tu as vu que tu pouvais le faire + simplement, avec une sorte de fichier
de config de ton site qui enverra cet en-tête (le truc meta) : un .htaccess

[cite data="AlsaCreations"]
dans un fichier .htaccess via : header set X-UA-Compatible "IEíge"
[/cite]


Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
Avatar
Le Fou
Le 04/02/2015 22:05, SAM a écrit :
Le 04/02/15 08:32, Le Fou a écrit :
Comment je le vois ?



Avec l'addon "Web Developer" de Firefox, par exemple



Ah oui ;-)
Date: Thu, 05 Feb 2015 19:21:07 GMT
Server: Apache/ProXad [Sep 23 2014 15:26:28]
Last-Modified: Thu, 05 Feb 2015 07:52:11 GMT
Etag: "1871a06-126f-54d3212b"
Connection: close
Accept-Ranges: bytes
Content-Length: 4719
Content-Type: text/html

Je découvre toujours des trucs avec Web Developer ;-)


Demain je ferai la même chose avec les autres pages.



Tu as vu que tu pouvais le faire + simplement, avec une sorte de
fichier de config de ton site qui enverra cet en-tête
(le truc meta) : un .htaccess



Oui j'ai vu mais j'ai d'autres pages qui n'ont pas besoin de ce "truc",
donc j'ai rajouté une ligne sur les pages concernées et ça roule...

--
A' tchao

Le Fou
http://shippylelivre.free.fr/
http://www.ffessm-cd84.com/
Avatar
Le Fou
Le 04/02/2015 22:43, Eric Demeester a écrit :
Mais dis-moi, si point ne m'abuse (mais je peux me tromper oeuf corse),
cette piste ne t'avait-elle pas été suggérée par Paul Gaborit ?



Oui tout-à-fait, mais de là à penser que ça venait de Free.
C'est en tapant "free compatibilite ie" dans Google que j'ai trouvé la
page d'Alsa Création.


J'ai mis ta page ainsi que les css asociés en test sur
un de mes serveurs [*]
[*] je la détruirai une fois que tu n'en auras plus besoin, juste
demande.



C'est bon, j'ai terminé mes essais, tu peux détruire ;-)

Merci encore.

--
A' tchao

Le Fou
http://shippylelivre.free.fr/
http://www.ffessm-cd84.com/
1 2 3