Je me suis attaqué au positionnement+dimensionnement vertical en % parce que
j'en avais besoin (et envie).
Donc pour qui l'ignorerait, ça ne marche sur IE qu'en mode "quirks", en mode
standards une hauteur en % nécessite un conteneur dimensionné, et la hauteur
de la page est en fait assimilée à celle de la fenêtre.
http://blog.alsacreations.com/2004/05/13/3-height
http://pompage.net/pompe/pieds/
http://www.developpez.net/forums/showthread.php?t=147365
etc.
Dans mon cas, j'ai besoin d'un cadre positionné en absolu au bas de la page
et dont la hauteur fasse 50% de la page. J'utilise par ailleurs des pieds de
page, le tout en CSS pur.
Avec Firefox comme avec IE5, ça passe, mais avec IE 6, c'est 50% de la
hauteur de la fenêtre, point barre, et donc ce serait sans espoir à moins de
passer par du javascript ou de restructurer toute la page pour ça :-@
Donc j'ai imaginé de développer un petit composant HTC qui corrige ce
comportement, et ça marche finalement très bien. Son principe est de
transformer la hauteur du "master-div" (utilisé pour positionner le pied de
page) en une hauteur absolue en px, mise à jour à chaque modification de la
fenêtre.
Il est disponible sur cette page qui sert aussi de démo:
http://www.ipzb.fr/1/Fr/Files/Free/Files-WebScripts
(notice à l'intérieur du code)
J'aimerais bien avoir des avis sur les points suivants:
- quel est le comportement avec IE 7 ? (le HTC n'est chargé que pour IE 6),
- est-ce que les quelques contraintes mentionnées dans la notice pourraient
être relâchées ?
- avez-vous une idée de ce qui cause le comportement bizarre de la démo
(uniquement) sur IE 6 ?
Merci de ces retours.
--
Cordialement.
--
/**************************************************\
* Patrick BRUNET
* E-mail: lien sur http://zener131.free.fr/ContactMe
\**************************************************/
"SAM" a écrit dans le message de news: 472855cc$0$25915$
Patrick 'Zener' Brunet a écrit : > >> Voilà, j'ai réussi à extraire une démo simplifiée et fonctionnant >> en local,sans PHP. >> Elle est disponible en téléchargement sur la page précédente >> (je n'ai pas de répertoire d'hébergement disponible pour ça).
Téléchargée, merci, je regarderai + tard, là je n'ai pas le temps.
*** Il faut reprendre la version mise à jour ***
J'ai résolu le problème de la démo et aussi rajouté des critères de sécurité dans le composant HTC lui-même.
En effet, par construction il y avait un risque de boucle infinie (causant un freeze de IE) si des éléments de contenu débordaient du div#MainContainer (évidemment, puisqu'il est supposé faire 100% de la hauteur).
En fait ça ne se produisait qu'avec la version 6 + SP2 pour XP, ça j'ignore pourquoi.
Moyennant cette précaution, ça marche très bien partout. (Je ne me prononce pas encore pour IE 7 pour lequel ce correctif n'est pas déclenché).
Enjoy :-)
Accessoirement, SAM, j'ai créé le mode Minimal déjà évoqué, pour les navigateurs trop vieux, genre IE pour Mac. L'option est dans les "réglages d'accessibilité".
-- Cordialement. -- /************************************************** * Patrick BRUNET * E-mail: lien sur http://zener131.free.fr/ContactMe **************************************************/
Bonsoir.
"SAM" <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> a écrit dans le message
de news: 472855cc$0$25915$ba4acef3@news.orange.fr...
Patrick 'Zener' Brunet a écrit :
>
>> Voilà, j'ai réussi à extraire une démo simplifiée et fonctionnant
>> en local,sans PHP.
>> Elle est disponible en téléchargement sur la page précédente
>> (je n'ai pas de répertoire d'hébergement disponible pour ça).
Téléchargée, merci, je regarderai + tard, là je n'ai pas le temps.
*** Il faut reprendre la version mise à jour ***
J'ai résolu le problème de la démo et aussi rajouté des critères de
sécurité dans le composant HTC lui-même.
En effet, par construction il y avait un risque de boucle infinie (causant
un freeze de IE) si des éléments de contenu débordaient du div#MainContainer
(évidemment, puisqu'il est supposé faire 100% de la hauteur).
En fait ça ne se produisait qu'avec la version 6 + SP2 pour XP, ça j'ignore
pourquoi.
Moyennant cette précaution, ça marche très bien partout.
(Je ne me prononce pas encore pour IE 7 pour lequel ce correctif n'est pas
déclenché).
Enjoy :-)
Accessoirement, SAM, j'ai créé le mode Minimal déjà évoqué, pour les
navigateurs trop vieux, genre IE pour Mac.
L'option est dans les "réglages d'accessibilité".
--
Cordialement.
--
/**************************************************
* Patrick BRUNET
* E-mail: lien sur http://zener131.free.fr/ContactMe
**************************************************/
"SAM" a écrit dans le message de news: 472855cc$0$25915$
Patrick 'Zener' Brunet a écrit : > >> Voilà, j'ai réussi à extraire une démo simplifiée et fonctionnant >> en local,sans PHP. >> Elle est disponible en téléchargement sur la page précédente >> (je n'ai pas de répertoire d'hébergement disponible pour ça).
Téléchargée, merci, je regarderai + tard, là je n'ai pas le temps.
*** Il faut reprendre la version mise à jour ***
J'ai résolu le problème de la démo et aussi rajouté des critères de sécurité dans le composant HTC lui-même.
En effet, par construction il y avait un risque de boucle infinie (causant un freeze de IE) si des éléments de contenu débordaient du div#MainContainer (évidemment, puisqu'il est supposé faire 100% de la hauteur).
En fait ça ne se produisait qu'avec la version 6 + SP2 pour XP, ça j'ignore pourquoi.
Moyennant cette précaution, ça marche très bien partout. (Je ne me prononce pas encore pour IE 7 pour lequel ce correctif n'est pas déclenché).
Enjoy :-)
Accessoirement, SAM, j'ai créé le mode Minimal déjà évoqué, pour les navigateurs trop vieux, genre IE pour Mac. L'option est dans les "réglages d'accessibilité".
-- Cordialement. -- /************************************************** * Patrick BRUNET * E-mail: lien sur http://zener131.free.fr/ContactMe **************************************************/
