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: 4726160e$0$27376$
Patrick 'Zener' Brunet a écrit : > "SAM" a écrit dans le > message de news: 472604b5$0$5089$ >> >> Ceci étant ... pourquoi la méthode >> >> html, body { height: 100%; margin: 0; } >> #demi { position: absolute; height: 50%; width: 100%; bottom: 0px; } >> >> ne te convient-elle pas ? > > Si elle marchait, j'en serais ravi.
Bon, donc ça ne marche pas chez toi.
> Mais avec IE 6 pour Windows, elle ne marche qu'en mode quirks (le mode > de IE 5). En mode standards le 50% donne la moitié de la hauteur de la > fenêtre, et pas de la page :-@
Je n'ai jamais vu que ça pouvait donner la moitié de la hauteur de la page (sans donner une *vraie* hauteur à cette page)
Tout à fait, et on ne peut pas fixer la hauteur sans perdre la relation avec le contenu, donc sans faire trop court ou trop long. Avec comme exception le cas où le contenu est plus court que la hauteur de la fenêtre.
Donc déjà le système des pieds de page de http://pompage.net/pompe/pieds/ vise à positionner les pieds correctement dans tous les cas (et le fait en les plaçant "après" plutôt que dedans).
Mais pour autant ça ne donnait pas une hauteur au sens de l'attribut height à ce container principal. C'est ce que je fais avec mon HTC dans le cas où l'effet de bord standard ne s'applique pas.
Et même si ... que devient-ce quand on fait agrandir les caractères ?
Ou si on rétrécit la fenêtre en faisant wrapper des lignes, ou si on injecte du contenu DHTML. La hauteur en question doit être recalculée dans tous les cas. C'est prévu.
(une demo *simple simple* en ligne ? avec le minima, qu'on puisse voir tt de suite et éventuellement capter)
Pas simple, le site a une architecture complexe. Je vais essayer d'extraire ça et de le loger quelque part ailleurs.
Là ... s'il faut passer en mode "menu fixe" sans savoir comment faire ... je ne verrai pas grand chose. Ha! ça y est (c'était écrit en tout petit tout petit, coquin va !) Bon, et maintenant, que faut-il regarder ? (ou est le bas de page de hauteur 50% de je ne sais quoi ?) Ha! mais c'est à gauche qu'il faut regarder et pas en bas !
Hi hi, ça c'est du vécu :-)
Je me demande si ce n'est pas un peu compliqué uniquement pour colorer le dessous du menu ? (car finalement, le div du menu ne s'agrandit pas réellement)
Peut pas pour la même raison: il est positionné par le haut et sa hauteur dépend de son contenu qui est dynamique. Je ne peux que la majorer à la louche. Idéalement j'aurais aimé dire: "top = 15ex; bottom=0;" et étale toi bien, mais c'est invalide, et par ailleurs "topex; height0%-15ex;" aussi.
C'est pour ça que je le dimensionne à 50% et que je le complète par un autre div qui coulisse en dessous. Tu vois une autre solution ?
> Au fait, avec IE pour Mac, ça donne quoi en menu fixe ? Le fond bleu > descend jusqu'en bas ou ça .erde d'une manière ou d'une autre ?
Heu ... le IE Mac ne connait pas - les *.htc ou *.hta ... donc pas concerné
J'ai supposé qu'il affiche en quirks comme IE 5 pour Windows... Donc pas concerné par le HTC mais doit pouvoir s'en passer.
- merdouille sec avec les bottom ...
Evidemment :-( Il affiche bien les minuscules au moins ?
et avec : http://www.ipzb.fr/1/Fr/Files/Free/Files-WebScripts il me dit que j'envoie un formulaire ... hop! refusé. Qu'est-ce que c'est que ce bintz ?
?? La page de détection... Seul moyen de gérer proprement les robots qui ne supportent pas les sessions.
Bon allez, voyons voir ... c'est un peu la cagade, pas d'image, le bleu du fond de menu arriverait presqu'en bas si le pieds de page ne s'étendait pas en hauteur (les 3 images de droite non affichées remplissent cette hauteur), menu illisible (il faudrait des jumelles), en haut des trucs se superposent, ascenseur horizontal avec supplément vide à droite = largeur du menu, mais globalement le vrai contenu est lisible. Passé la fenêtre d'IE à 1680px de large, le menu arriverait presqu'en bas (les images du footer ne s'alignent touj pas bien qu'elles tentent de le faire). En contrepartie la page s'agrandit en hauteur pour se remplir de vide sous le contenu principal (s'agrandit de ces fameux 50% me montre l'option "JavaScript").
Pfffffff :-( Bon, là c'est un cas désespéré. Je suis navré mais il faut savoir dire stop. Il reste le mode texte pur...
Tiens ça me donne une idée: je vais rajouter un mode "Minimum" sans charte graphique mais avec les images, pour les navigateurs antédiluviens.
Ça a l'air de fonctionner avec Safari qui a rechargé sans prévenir.
Bon, c'est déjà ça. Rechargé ? Il y a un auto-refresh de la session toutes les 15mn, sinon je ne vois pas.
Merci pour ton aide. -- Cordialement. -- /************************************************** * Patrick BRUNET * E-mail: lien sur http://zener131.free.fr/ContactMe **************************************************/
Bonjour SA¨M.
"SAM" <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> a écrit dans le message
de news: 4726160e$0$27376$ba4acef3@news.orange.fr...
Patrick 'Zener' Brunet a écrit :
> "SAM" <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> a écrit dans le
> message de news: 472604b5$0$5089$ba4acef3@news.orange.fr...
>>
>> Ceci étant ... pourquoi la méthode
>>
>> html, body { height: 100%; margin: 0; }
>> #demi { position: absolute; height: 50%; width: 100%; bottom: 0px; }
>>
>> ne te convient-elle pas ?
>
> Si elle marchait, j'en serais ravi.
Bon, donc ça ne marche pas chez toi.
> Mais avec IE 6 pour Windows, elle ne marche qu'en mode quirks (le mode
> de IE 5). En mode standards le 50% donne la moitié de la hauteur de la
> fenêtre, et pas de la page :-@
Je n'ai jamais vu que ça pouvait donner la moitié de la hauteur de la
page (sans donner une *vraie* hauteur à cette page)
Tout à fait, et on ne peut pas fixer la hauteur sans perdre la relation avec
le contenu, donc sans faire trop court ou trop long. Avec comme exception le
cas où le contenu est plus court que la hauteur de la fenêtre.
Donc déjà le système des pieds de page de
http://pompage.net/pompe/pieds/
vise à positionner les pieds correctement dans tous les cas (et le fait en
les plaçant "après" plutôt que dedans).
Mais pour autant ça ne donnait pas une hauteur au sens de l'attribut height
à ce container principal.
C'est ce que je fais avec mon HTC dans le cas où l'effet de bord standard ne
s'applique pas.
Et même si ... que devient-ce quand on fait agrandir les caractères ?
Ou si on rétrécit la fenêtre en faisant wrapper des lignes, ou si on injecte
du contenu DHTML.
La hauteur en question doit être recalculée dans tous les cas. C'est prévu.
(une demo *simple simple* en ligne ? avec le minima, qu'on puisse
voir tt de suite et éventuellement capter)
Pas simple, le site a une architecture complexe. Je vais essayer d'extraire
ça et de le loger quelque part ailleurs.
Là ... s'il faut passer en mode "menu fixe" sans savoir comment faire
... je ne verrai pas grand chose.
Ha! ça y est (c'était écrit en tout petit tout petit, coquin va !)
Bon, et maintenant, que faut-il regarder ?
(ou est le bas de page de hauteur 50% de je ne sais quoi ?)
Ha! mais c'est à gauche qu'il faut regarder et pas en bas !
Hi hi, ça c'est du vécu :-)
Je me demande si ce n'est pas un peu compliqué uniquement pour colorer
le dessous du menu ? (car finalement, le div du menu ne s'agrandit pas
réellement)
Peut pas pour la même raison: il est positionné par le haut et sa hauteur
dépend de son contenu qui est dynamique. Je ne peux que la majorer à la
louche.
Idéalement j'aurais aimé dire:
"top = 15ex; bottom=0;" et étale toi bien, mais c'est invalide,
et par ailleurs "topex; height0%-15ex;" aussi.
C'est pour ça que je le dimensionne à 50% et que je le complète par un autre
div qui coulisse en dessous. Tu vois une autre solution ?
> Au fait, avec IE pour Mac, ça donne quoi en menu fixe ? Le fond bleu
> descend jusqu'en bas ou ça .erde d'une manière ou d'une autre ?
Heu ... le IE Mac ne connait pas
- les *.htc ou *.hta ... donc pas concerné
J'ai supposé qu'il affiche en quirks comme IE 5 pour Windows...
Donc pas concerné par le HTC mais doit pouvoir s'en passer.
- merdouille sec avec les bottom ...
Evidemment :-( Il affiche bien les minuscules au moins ?
et avec : http://www.ipzb.fr/1/Fr/Files/Free/Files-WebScripts
il me dit que j'envoie un formulaire ... hop! refusé.
Qu'est-ce que c'est que ce bintz ?
?? La page de détection...
Seul moyen de gérer proprement les robots qui ne supportent pas les
sessions.
Bon allez, voyons voir ... c'est un peu la cagade, pas d'image, le bleu
du fond de menu arriverait presqu'en bas si le pieds de page ne
s'étendait pas en hauteur (les 3 images de droite non affichées
remplissent cette hauteur), menu illisible (il faudrait des jumelles),
en haut des trucs se superposent, ascenseur horizontal avec supplément
vide à droite = largeur du menu, mais globalement le vrai contenu est
lisible.
Passé la fenêtre d'IE à 1680px de large, le menu arriverait presqu'en
bas (les images du footer ne s'alignent touj pas bien qu'elles tentent
de le faire). En contrepartie la page s'agrandit en hauteur pour se
remplir de vide sous le contenu principal (s'agrandit de ces fameux 50%
me montre l'option "JavaScript").
Pfffffff :-(
Bon, là c'est un cas désespéré. Je suis navré mais il faut savoir dire stop.
Il reste le mode texte pur...
Tiens ça me donne une idée: je vais rajouter un mode "Minimum" sans charte
graphique mais avec les images, pour les navigateurs antédiluviens.
Ça a l'air de fonctionner avec Safari qui a rechargé sans prévenir.
Bon, c'est déjà ça.
Rechargé ? Il y a un auto-refresh de la session toutes les 15mn, sinon je ne
vois pas.
Merci pour ton aide.
--
Cordialement.
--
/**************************************************
* Patrick BRUNET
* E-mail: lien sur http://zener131.free.fr/ContactMe
**************************************************/
"SAM" a écrit dans le message de news: 4726160e$0$27376$
Patrick 'Zener' Brunet a écrit : > "SAM" a écrit dans le > message de news: 472604b5$0$5089$ >> >> Ceci étant ... pourquoi la méthode >> >> html, body { height: 100%; margin: 0; } >> #demi { position: absolute; height: 50%; width: 100%; bottom: 0px; } >> >> ne te convient-elle pas ? > > Si elle marchait, j'en serais ravi.
Bon, donc ça ne marche pas chez toi.
> Mais avec IE 6 pour Windows, elle ne marche qu'en mode quirks (le mode > de IE 5). En mode standards le 50% donne la moitié de la hauteur de la > fenêtre, et pas de la page :-@
Je n'ai jamais vu que ça pouvait donner la moitié de la hauteur de la page (sans donner une *vraie* hauteur à cette page)
Tout à fait, et on ne peut pas fixer la hauteur sans perdre la relation avec le contenu, donc sans faire trop court ou trop long. Avec comme exception le cas où le contenu est plus court que la hauteur de la fenêtre.
Donc déjà le système des pieds de page de http://pompage.net/pompe/pieds/ vise à positionner les pieds correctement dans tous les cas (et le fait en les plaçant "après" plutôt que dedans).
Mais pour autant ça ne donnait pas une hauteur au sens de l'attribut height à ce container principal. C'est ce que je fais avec mon HTC dans le cas où l'effet de bord standard ne s'applique pas.
Et même si ... que devient-ce quand on fait agrandir les caractères ?
Ou si on rétrécit la fenêtre en faisant wrapper des lignes, ou si on injecte du contenu DHTML. La hauteur en question doit être recalculée dans tous les cas. C'est prévu.
(une demo *simple simple* en ligne ? avec le minima, qu'on puisse voir tt de suite et éventuellement capter)
Pas simple, le site a une architecture complexe. Je vais essayer d'extraire ça et de le loger quelque part ailleurs.
Là ... s'il faut passer en mode "menu fixe" sans savoir comment faire ... je ne verrai pas grand chose. Ha! ça y est (c'était écrit en tout petit tout petit, coquin va !) Bon, et maintenant, que faut-il regarder ? (ou est le bas de page de hauteur 50% de je ne sais quoi ?) Ha! mais c'est à gauche qu'il faut regarder et pas en bas !
Hi hi, ça c'est du vécu :-)
Je me demande si ce n'est pas un peu compliqué uniquement pour colorer le dessous du menu ? (car finalement, le div du menu ne s'agrandit pas réellement)
Peut pas pour la même raison: il est positionné par le haut et sa hauteur dépend de son contenu qui est dynamique. Je ne peux que la majorer à la louche. Idéalement j'aurais aimé dire: "top = 15ex; bottom=0;" et étale toi bien, mais c'est invalide, et par ailleurs "topex; height0%-15ex;" aussi.
C'est pour ça que je le dimensionne à 50% et que je le complète par un autre div qui coulisse en dessous. Tu vois une autre solution ?
> Au fait, avec IE pour Mac, ça donne quoi en menu fixe ? Le fond bleu > descend jusqu'en bas ou ça .erde d'une manière ou d'une autre ?
Heu ... le IE Mac ne connait pas - les *.htc ou *.hta ... donc pas concerné
J'ai supposé qu'il affiche en quirks comme IE 5 pour Windows... Donc pas concerné par le HTC mais doit pouvoir s'en passer.
- merdouille sec avec les bottom ...
Evidemment :-( Il affiche bien les minuscules au moins ?
et avec : http://www.ipzb.fr/1/Fr/Files/Free/Files-WebScripts il me dit que j'envoie un formulaire ... hop! refusé. Qu'est-ce que c'est que ce bintz ?
?? La page de détection... Seul moyen de gérer proprement les robots qui ne supportent pas les sessions.
Bon allez, voyons voir ... c'est un peu la cagade, pas d'image, le bleu du fond de menu arriverait presqu'en bas si le pieds de page ne s'étendait pas en hauteur (les 3 images de droite non affichées remplissent cette hauteur), menu illisible (il faudrait des jumelles), en haut des trucs se superposent, ascenseur horizontal avec supplément vide à droite = largeur du menu, mais globalement le vrai contenu est lisible. Passé la fenêtre d'IE à 1680px de large, le menu arriverait presqu'en bas (les images du footer ne s'alignent touj pas bien qu'elles tentent de le faire). En contrepartie la page s'agrandit en hauteur pour se remplir de vide sous le contenu principal (s'agrandit de ces fameux 50% me montre l'option "JavaScript").
Pfffffff :-( Bon, là c'est un cas désespéré. Je suis navré mais il faut savoir dire stop. Il reste le mode texte pur...
Tiens ça me donne une idée: je vais rajouter un mode "Minimum" sans charte graphique mais avec les images, pour les navigateurs antédiluviens.
Ça a l'air de fonctionner avec Safari qui a rechargé sans prévenir.
Bon, c'est déjà ça. Rechargé ? Il y a un auto-refresh de la session toutes les 15mn, sinon je ne vois pas.
Merci pour ton aide. -- Cordialement. -- /************************************************** * Patrick BRUNET * E-mail: lien sur http://zener131.free.fr/ContactMe **************************************************/
SAM
Patrick 'Zener' Brunet a écrit :
Pfffffff :-( Bon, là c'est un cas désespéré. Je suis navré mais il faut savoir dire stop.
Ça m'étonnerait qu'il y ait encore bp de macounets qui voyagent en IE, donc
Il reste le mode texte pur...
oui, yaka faire ça.
Ça a l'air de fonctionner avec Safari qui a rechargé sans prévenir.
Bon, c'est déjà ça. Rechargé ?
Je suppose après le'intro de détection
Il y a un auto-refresh de la session toutes les 15mn,
J'ai vu, en effet.
Merci pour ton aide.
Heu ... c'est plutôt moi qui cherche à découvrir ton "astuce" de div fixe mais élastique :-)
-- sm
Patrick 'Zener' Brunet a écrit :
Pfffffff :-(
Bon, là c'est un cas désespéré. Je suis navré mais il faut savoir dire stop.
Ça m'étonnerait qu'il y ait encore bp de macounets qui voyagent en IE, donc
Il reste le mode texte pur...
oui, yaka faire ça.
Ça a l'air de fonctionner avec Safari qui a rechargé sans prévenir.
Bon, c'est déjà ça.
Rechargé ?
Je suppose après le'intro de détection
Il y a un auto-refresh de la session toutes les 15mn,
J'ai vu, en effet.
Merci pour ton aide.
Heu ... c'est plutôt moi qui cherche à découvrir ton "astuce" de div
fixe mais élastique :-)
Pfffffff :-( Bon, là c'est un cas désespéré. Je suis navré mais il faut savoir dire stop.
Ça m'étonnerait qu'il y ait encore bp de macounets qui voyagent en IE, donc
Il reste le mode texte pur...
oui, yaka faire ça.
Ça a l'air de fonctionner avec Safari qui a rechargé sans prévenir.
Bon, c'est déjà ça. Rechargé ?
Je suppose après le'intro de détection
Il y a un auto-refresh de la session toutes les 15mn,
J'ai vu, en effet.
Merci pour ton aide.
Heu ... c'est plutôt moi qui cherche à découvrir ton "astuce" de div fixe mais élastique :-)
-- sm
Patrick 'Zener' Brunet
Coucou.
"SAM" a écrit dans le message de news: 4727330a$0$5078$
Patrick 'Zener' Brunet a écrit : > > Pfffffff :-( > Bon, là c'est un cas désespéré. Je suis navré mais il faut savoir dire
stop.
Ça m'étonnerait qu'il y ait encore bp de macounets qui voyagent en IE,
donc
> Il reste le mode texte pur...
oui, yaka faire ça.
Donc il y aura bientôt les images en plus, mais sans mise ne page complexe.
[...] > Merci pour ton aide.
Heu ... c'est plutôt moi qui cherche à découvrir ton "astuce" de div fixe mais élastique :-)
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).
-- Cordialement. -- /************************************************** * Patrick BRUNET * E-mail: lien sur http://zener131.free.fr/ContactMe **************************************************/
Coucou.
"SAM" <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> a écrit dans le message
de news: 4727330a$0$5078$ba4acef3@news.orange.fr...
Patrick 'Zener' Brunet a écrit :
>
> Pfffffff :-(
> Bon, là c'est un cas désespéré. Je suis navré mais il faut savoir dire
stop.
Ça m'étonnerait qu'il y ait encore bp de macounets qui voyagent en IE,
donc
> Il reste le mode texte pur...
oui, yaka faire ça.
Donc il y aura bientôt les images en plus, mais sans mise ne page complexe.
[...]
> Merci pour ton aide.
Heu ... c'est plutôt moi qui cherche à découvrir ton "astuce" de div
fixe mais élastique :-)
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).
--
Cordialement.
--
/**************************************************
* Patrick BRUNET
* E-mail: lien sur http://zener131.free.fr/ContactMe
**************************************************/
"SAM" a écrit dans le message de news: 4727330a$0$5078$
Patrick 'Zener' Brunet a écrit : > > Pfffffff :-( > Bon, là c'est un cas désespéré. Je suis navré mais il faut savoir dire
stop.
Ça m'étonnerait qu'il y ait encore bp de macounets qui voyagent en IE,
donc
> Il reste le mode texte pur...
oui, yaka faire ça.
Donc il y aura bientôt les images en plus, mais sans mise ne page complexe.
[...] > Merci pour ton aide.
Heu ... c'est plutôt moi qui cherche à découvrir ton "astuce" de div fixe mais élastique :-)
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).
-- Cordialement. -- /************************************************** * Patrick BRUNET * E-mail: lien sur http://zener131.free.fr/ContactMe **************************************************/
Patrick 'Zener' Brunet
Bonjour.
"Patrick 'Zener' Brunet" a écrit dans le message de news: fg7j9a$k1e$
"SAM" a écrit dans le message de news: 4727330a$0$5078$ > Patrick 'Zener' Brunet a écrit : > > > > Pfffffff :-( > > Bon, là c'est un cas désespéré. Je suis navré mais il faut savoir dire stop. > > Ça m'étonnerait qu'il y ait encore bp de macounets qui voyagent en IE, donc > > > Il reste le mode texte pur... > > oui, yaka faire ça.
Donc il y aura bientôt les images en plus, mais sans mise ne page complexe.
> [...] > > Merci pour ton aide. > > Heu ... c'est plutôt moi qui cherche à découvrir ton "astuce" de > div fixe mais élastique :-) >
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).
Dernière nouvelle: en fait ça marche ! A un problème de retraçage près sur IE 6.
Si on modifie légèrement la largeur de la fenêtre du navigateur après avoir cliqué sur le lien de démo, alors le div apparaît correctement modifié.
En rentrant un peu dans le truc, je pense que c'est dû au fait que je dois le désigner d'une part par un IDds1 pour les propriétés générales, et lui changer son style pour la démo en rajoutant un nom de classe (InDemoWS). Visiblement, IE aurait du mal à gérer un ID et une classe qui spécifient des propriétés CSS contradictoires pour le même objet. J'avais déjà eu du mal avec ça pour le système de blocage de mon menu.
J'ai essayé tous les trucs classiques pour forcer un redraw (style.display='none'/'block' par exemple), ça ne marche pas.
J'ai essayé de modifier la CSS pour faire un tel adressage: #Adds1.InDemoWS { } Mais ça ne lui plaît pas mieux.
Avez-vous une idée pour régler ça ? En fait en Javascript je change le className pour pouvoir spécifier les attributs en CSS, c'est beaucoup plus simple et ça évite d'aller chercher le différentiel entre le style (il n'en a pas de direct) et le currentStyle résultant des CSS.
Merci de vos suggestions. -- Cordialement. -- /************************************************** * Patrick BRUNET * E-mail: lien sur http://zener131.free.fr/ContactMe **************************************************/
Bonjour.
"Patrick 'Zener' Brunet" <use.link.in.signature@ddress.invalid> a écrit dans
le message de news: fg7j9a$k1e$1@shakotay.alphanet.ch...
"SAM" <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> a écrit dans le
message de news: 4727330a$0$5078$ba4acef3@news.orange.fr...
> Patrick 'Zener' Brunet a écrit :
> >
> > Pfffffff :-(
> > Bon, là c'est un cas désespéré. Je suis navré mais il faut savoir dire
stop.
>
> Ça m'étonnerait qu'il y ait encore bp de macounets qui voyagent en IE,
donc
>
> > Il reste le mode texte pur...
>
> oui, yaka faire ça.
Donc il y aura bientôt les images en plus, mais sans mise ne page
complexe.
> [...]
> > Merci pour ton aide.
>
> Heu ... c'est plutôt moi qui cherche à découvrir ton "astuce" de
> div fixe mais élastique :-)
>
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).
Dernière nouvelle: en fait ça marche !
A un problème de retraçage près sur IE 6.
Si on modifie légèrement la largeur de la fenêtre du navigateur après avoir
cliqué sur le lien de démo, alors le div apparaît correctement modifié.
En rentrant un peu dans le truc, je pense que c'est dû au fait que je dois
le désigner d'une part par un IDds1 pour les propriétés générales, et lui
changer son style pour la démo en rajoutant un nom de classe (InDemoWS).
Visiblement, IE aurait du mal à gérer un ID et une classe qui spécifient des
propriétés CSS contradictoires pour le même objet. J'avais déjà eu du mal
avec ça pour le système de blocage de mon menu.
J'ai essayé tous les trucs classiques pour forcer un redraw
(style.display='none'/'block' par exemple), ça ne marche pas.
J'ai essayé de modifier la CSS pour faire un tel adressage:
#Adds1.InDemoWS { }
Mais ça ne lui plaît pas mieux.
Avez-vous une idée pour régler ça ?
En fait en Javascript je change le className pour pouvoir spécifier les
attributs en CSS, c'est beaucoup plus simple et ça évite d'aller chercher le
différentiel entre le style (il n'en a pas de direct) et le currentStyle
résultant des CSS.
Merci de vos suggestions.
--
Cordialement.
--
/**************************************************
* Patrick BRUNET
* E-mail: lien sur http://zener131.free.fr/ContactMe
**************************************************/
"Patrick 'Zener' Brunet" a écrit dans le message de news: fg7j9a$k1e$
"SAM" a écrit dans le message de news: 4727330a$0$5078$ > Patrick 'Zener' Brunet a écrit : > > > > Pfffffff :-( > > Bon, là c'est un cas désespéré. Je suis navré mais il faut savoir dire stop. > > Ça m'étonnerait qu'il y ait encore bp de macounets qui voyagent en IE, donc > > > Il reste le mode texte pur... > > oui, yaka faire ça.
Donc il y aura bientôt les images en plus, mais sans mise ne page complexe.
> [...] > > Merci pour ton aide. > > Heu ... c'est plutôt moi qui cherche à découvrir ton "astuce" de > div fixe mais élastique :-) >
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).
Dernière nouvelle: en fait ça marche ! A un problème de retraçage près sur IE 6.
Si on modifie légèrement la largeur de la fenêtre du navigateur après avoir cliqué sur le lien de démo, alors le div apparaît correctement modifié.
En rentrant un peu dans le truc, je pense que c'est dû au fait que je dois le désigner d'une part par un IDds1 pour les propriétés générales, et lui changer son style pour la démo en rajoutant un nom de classe (InDemoWS). Visiblement, IE aurait du mal à gérer un ID et une classe qui spécifient des propriétés CSS contradictoires pour le même objet. J'avais déjà eu du mal avec ça pour le système de blocage de mon menu.
J'ai essayé tous les trucs classiques pour forcer un redraw (style.display='none'/'block' par exemple), ça ne marche pas.
J'ai essayé de modifier la CSS pour faire un tel adressage: #Adds1.InDemoWS { } Mais ça ne lui plaît pas mieux.
Avez-vous une idée pour régler ça ? En fait en Javascript je change le className pour pouvoir spécifier les attributs en CSS, c'est beaucoup plus simple et ça évite d'aller chercher le différentiel entre le style (il n'en a pas de direct) et le currentStyle résultant des CSS.
Merci de vos suggestions. -- Cordialement. -- /************************************************** * Patrick BRUNET * E-mail: lien sur http://zener131.free.fr/ContactMe **************************************************/
SAM
Patrick 'Zener' Brunet a écrit :
Bonjour.
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.
Dernière nouvelle: en fait ça marche ! A un problème de retraçage près sur IE 6.
Si on modifie légèrement la largeur de la fenêtre du navigateur après avoir cliqué sur le lien de démo, alors le div apparaît correctement modifié.
(...)
Avez-vous une idée pour régler ça ?
self.resizeBy(0,1); self.resizeBy(0,-1);
pour un peu secouer la paresse de IE ?
-- sm
Patrick 'Zener' Brunet a écrit :
Bonjour.
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.
Dernière nouvelle: en fait ça marche !
A un problème de retraçage près sur IE 6.
Si on modifie légèrement la largeur de la fenêtre du navigateur après avoir
cliqué sur le lien de démo, alors le div apparaît correctement modifié.
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.
Dernière nouvelle: en fait ça marche ! A un problème de retraçage près sur IE 6.
Si on modifie légèrement la largeur de la fenêtre du navigateur après avoir cliqué sur le lien de démo, alors le div apparaît correctement modifié.
(...)
Avez-vous une idée pour régler ça ?
self.resizeBy(0,1); self.resizeBy(0,-1);
pour un peu secouer la paresse de IE ?
-- sm
Patrick 'Zener' Brunet
Bonjour.
"SAM" a écrit dans le message de news: 472855cc$0$25915$
Patrick 'Zener' Brunet a écrit : > Bonjour. > >> 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.
> Dernière nouvelle: en fait ça marche ! > A un problème de retraçage près sur IE 6. > > Si on modifie légèrement la largeur de la fenêtre du navigateur après
avoir
> cliqué sur le lien de démo, alors le div apparaît correctement modifié. (...) > Avez-vous une idée pour régler ça ?
self.resizeBy(0,1); self.resizeBy(0,-1);
pour un peu secouer la paresse de IE ?
Je viens d'essayer: toujours pareil.
En fait j'ai l'impression qu'il ne veut pas relire les CSS pour appliquer le style. Ce qui peut expliquer la disparition du div, lorsque la démo le sort de la liste des styles calculés à la lecture initiale de la page.
Je viens de trouver un truc qui marche: document.body.innerHTML = document.body.innerHTML;
Là il retrace !!!! :-D
Ben si d'autres personnes ont des problèmes de refresh dans ce genre :-)
J'ai mis à jour la démo sur le site...
-- Cordialement. -- /************************************************** * Patrick BRUNET * E-mail: lien sur http://zener131.free.fr/ContactMe **************************************************/
Bonjour.
"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 :
> Bonjour.
>
>> 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.
> Dernière nouvelle: en fait ça marche !
> A un problème de retraçage près sur IE 6.
>
> Si on modifie légèrement la largeur de la fenêtre du navigateur après
avoir
> cliqué sur le lien de démo, alors le div apparaît correctement modifié.
(...)
> Avez-vous une idée pour régler ça ?
self.resizeBy(0,1);
self.resizeBy(0,-1);
pour un peu secouer la paresse de IE ?
Je viens d'essayer: toujours pareil.
En fait j'ai l'impression qu'il ne veut pas relire les CSS pour appliquer le
style.
Ce qui peut expliquer la disparition du div, lorsque la démo le sort de la
liste des styles calculés à la lecture initiale de la page.
Je viens de trouver un truc qui marche:
document.body.innerHTML = document.body.innerHTML;
Là il retrace !!!! :-D
Ben si d'autres personnes ont des problèmes de refresh dans ce genre :-)
J'ai mis à jour la démo sur le site...
--
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 : > Bonjour. > >> 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.
> Dernière nouvelle: en fait ça marche ! > A un problème de retraçage près sur IE 6. > > Si on modifie légèrement la largeur de la fenêtre du navigateur après
avoir
> cliqué sur le lien de démo, alors le div apparaît correctement modifié. (...) > Avez-vous une idée pour régler ça ?
self.resizeBy(0,1); self.resizeBy(0,-1);
pour un peu secouer la paresse de IE ?
Je viens d'essayer: toujours pareil.
En fait j'ai l'impression qu'il ne veut pas relire les CSS pour appliquer le style. Ce qui peut expliquer la disparition du div, lorsque la démo le sort de la liste des styles calculés à la lecture initiale de la page.
Je viens de trouver un truc qui marche: document.body.innerHTML = document.body.innerHTML;
Là il retrace !!!! :-D
Ben si d'autres personnes ont des problèmes de refresh dans ce genre :-)
J'ai mis à jour la démo sur le site...
-- Cordialement. -- /************************************************** * Patrick BRUNET * E-mail: lien sur http://zener131.free.fr/ContactMe **************************************************/
Eric Demeester
dans (in) fr.comp.infosystemes.www.auteurs, "Patrick 'Zener' Brunet" ecrivait (wrote) :
Bonjour,
A un problème de retraçage près sur IE 6.
Si on modifie légèrement la largeur de la fenêtre du navigateur après avoir cliqué sur le lien de démo, alors le div apparaît correctement modifié.
Ca me dit quelque chose, ça, j'ai eu le même problème...
J'ai essayé tous les trucs classiques pour forcer un redraw (style.display='none'/'block' par exemple), ça ne marche pas.
J'ai essayé de modifier la CSS pour faire un tel adressage: #Adds1.InDemoWS { } Mais ça ne lui plaît pas mieux.
Avez-vous une idée pour régler ça ?
Il me semble que j'avais résolu la chose en mettant dans la CSS :
#monbloc { position: relative; ... }
-- Eric
dans (in) fr.comp.infosystemes.www.auteurs, "Patrick 'Zener' Brunet"
<use.link.in.signature@ddress.invalid> ecrivait (wrote) :
Bonjour,
A un problème de retraçage près sur IE 6.
Si on modifie légèrement la largeur de la fenêtre du navigateur après avoir
cliqué sur le lien de démo, alors le div apparaît correctement modifié.
Ca me dit quelque chose, ça, j'ai eu le même problème...
J'ai essayé tous les trucs classiques pour forcer un redraw
(style.display='none'/'block' par exemple), ça ne marche pas.
J'ai essayé de modifier la CSS pour faire un tel adressage:
#Adds1.InDemoWS { }
Mais ça ne lui plaît pas mieux.
Avez-vous une idée pour régler ça ?
Il me semble que j'avais résolu la chose en mettant dans la CSS :
"SAM" a écrit dans le message de news: 472880c8$0$5080$
Patrick 'Zener' Brunet a écrit : >> (...) >>> Avez-vous une idée pour régler ça ? >> self.resizeBy(0,1); >> self.resizeBy(0,-1); >> >> pour un peu secouer la paresse de IE ? > > Je viens d'essayer: toujours pareil.
Ha ben oui, vu que c'eût été mieux :
self.resizeBy(1,0); self.resizeBy(-1,0);
ou carrément :
self.resizeBy(1,1); self.resizeBy(-1,-1);
Oui, j'avais traduit, mais sans résultat. Même en applicant ça à l'objet window.
En fait je crois qu'il faut vraiment le forcer à recalculer le style à partir de la CSS.
Et pour ceux que ça inquiète, en fait réassigner le contenu entier: document.body.innerHTML = document.body.innerHTML; n'est pas comme un rechargement de la page, ça se fait instantanément et sans flash désagréable (même avec la page de mon site et tout son emballage).
Evidemment, avec une page plus complexe, ça pourraît être gênant (surtout s'il y a des scripts qui sont relancés), mais pour du layout uniquement c'est très acceptable. Tel que je le vois depuis chez moi du moins.
-- Cordialement. -- /************************************************** * Patrick BRUNET * E-mail: lien sur http://zener131.free.fr/ContactMe **************************************************/
Bonjour.
"SAM" <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> a écrit dans le message
de news: 472880c8$0$5080$ba4acef3@news.orange.fr...
Patrick 'Zener' Brunet a écrit :
>> (...)
>>> Avez-vous une idée pour régler ça ?
>> self.resizeBy(0,1);
>> self.resizeBy(0,-1);
>>
>> pour un peu secouer la paresse de IE ?
>
> Je viens d'essayer: toujours pareil.
Ha ben oui, vu que c'eût été mieux :
self.resizeBy(1,0);
self.resizeBy(-1,0);
ou carrément :
self.resizeBy(1,1);
self.resizeBy(-1,-1);
Oui, j'avais traduit, mais sans résultat.
Même en applicant ça à l'objet window.
En fait je crois qu'il faut vraiment le forcer à recalculer le style à
partir de la CSS.
Et pour ceux que ça inquiète, en fait réassigner le contenu entier:
document.body.innerHTML = document.body.innerHTML;
n'est pas comme un rechargement de la page, ça se fait instantanément et
sans flash désagréable (même avec la page de mon site et tout son
emballage).
Evidemment, avec une page plus complexe, ça pourraît être gênant (surtout
s'il y a des scripts qui sont relancés), mais pour du layout uniquement
c'est très acceptable. Tel que je le vois depuis chez moi du moins.
--
Cordialement.
--
/**************************************************
* Patrick BRUNET
* E-mail: lien sur http://zener131.free.fr/ContactMe
**************************************************/
"SAM" a écrit dans le message de news: 472880c8$0$5080$
Patrick 'Zener' Brunet a écrit : >> (...) >>> Avez-vous une idée pour régler ça ? >> self.resizeBy(0,1); >> self.resizeBy(0,-1); >> >> pour un peu secouer la paresse de IE ? > > Je viens d'essayer: toujours pareil.
Ha ben oui, vu que c'eût été mieux :
self.resizeBy(1,0); self.resizeBy(-1,0);
ou carrément :
self.resizeBy(1,1); self.resizeBy(-1,-1);
Oui, j'avais traduit, mais sans résultat. Même en applicant ça à l'objet window.
En fait je crois qu'il faut vraiment le forcer à recalculer le style à partir de la CSS.
Et pour ceux que ça inquiète, en fait réassigner le contenu entier: document.body.innerHTML = document.body.innerHTML; n'est pas comme un rechargement de la page, ça se fait instantanément et sans flash désagréable (même avec la page de mon site et tout son emballage).
Evidemment, avec une page plus complexe, ça pourraît être gênant (surtout s'il y a des scripts qui sont relancés), mais pour du layout uniquement c'est très acceptable. Tel que je le vois depuis chez moi du moins.
-- Cordialement. -- /************************************************** * Patrick BRUNET * E-mail: lien sur http://zener131.free.fr/ContactMe **************************************************/
