Le div (trop grand) est là essspres pour justement avoir les ascenceurs.
(sinon ce s'rait trop fastoche !)
C'est dommage : pour rajouter un ascenseur, il suffit de diminuer la
taille de la fenêtre, alors que pour le supprimer on est limité par la
résolution de l'écran. Tu limites donc volontairement la portée de tes
tests.
L'apparition ou la disparition de l'ascenseur horizontal ne change
strictement rien à la valeur calculée pour la hauteur disponible, que
ce soit sous Moz, Fx ou IE.
Finalement, j'ai réussi à virer l'ascenseur vertical pour Mozilla, et le
résultat est le même : valeur correcte au pixel près sans ascenseur,
mais l'apparition de l'ascenseur ne change pas le résultat.
Alorsse ... la largeur ?
Pour IE, comme je ne peux pas comparer avec ou sans ascenseur, je suis
incapable de t'en dire plus. Juste que « ascenseur ± erreur = 20 px ».
Bon, il se trouve que pour la hauteur j'ai aussi 20 px de trop avec
ascenseur au lieu de 4px, je suppose donc que les deux ascenseurs ont
une épaisseur de 16 pixels.
Le div (trop grand) est là essspres pour justement avoir les ascenceurs.
(sinon ce s'rait trop fastoche !)
C'est dommage : pour rajouter un ascenseur, il suffit de diminuer la
taille de la fenêtre, alors que pour le supprimer on est limité par la
résolution de l'écran. Tu limites donc volontairement la portée de tes
tests.
L'apparition ou la disparition de l'ascenseur horizontal ne change
strictement rien à la valeur calculée pour la hauteur disponible, que
ce soit sous Moz, Fx ou IE.
Finalement, j'ai réussi à virer l'ascenseur vertical pour Mozilla, et le
résultat est le même : valeur correcte au pixel près sans ascenseur,
mais l'apparition de l'ascenseur ne change pas le résultat.
Alorsse ... la largeur ?
Pour IE, comme je ne peux pas comparer avec ou sans ascenseur, je suis
incapable de t'en dire plus. Juste que « ascenseur ± erreur = 20 px ».
Bon, il se trouve que pour la hauteur j'ai aussi 20 px de trop avec
ascenseur au lieu de 4px, je suppose donc que les deux ascenseurs ont
une épaisseur de 16 pixels.
Le div (trop grand) est là essspres pour justement avoir les ascenceurs.
(sinon ce s'rait trop fastoche !)
C'est dommage : pour rajouter un ascenseur, il suffit de diminuer la
taille de la fenêtre, alors que pour le supprimer on est limité par la
résolution de l'écran. Tu limites donc volontairement la portée de tes
tests.
L'apparition ou la disparition de l'ascenseur horizontal ne change
strictement rien à la valeur calculée pour la hauteur disponible, que
ce soit sous Moz, Fx ou IE.
Finalement, j'ai réussi à virer l'ascenseur vertical pour Mozilla, et le
résultat est le même : valeur correcte au pixel près sans ascenseur,
mais l'apparition de l'ascenseur ne change pas le résultat.
Alorsse ... la largeur ?
Pour IE, comme je ne peux pas comparer avec ou sans ascenseur, je suis
incapable de t'en dire plus. Juste que « ascenseur ± erreur = 20 px ».
Bon, il se trouve que pour la hauteur j'ai aussi 20 px de trop avec
ascenseur au lieu de 4px, je suppose donc que les deux ascenseurs ont
une épaisseur de 16 pixels.
Le centrage vertical est un gros soucis en CSS2
http://perso.wanadoo.fr/stephane.moriaux/truc/gn/exo/00.shtml
Ça marche pas avec Safari !
Ton code me claque une *erreur #11* ???
Tout dépend de ce que tu veux centrer.
Un bloc entier : un TABLE.CONTAINER ou une DIV.CONTAINER...
Le problème, c'est que ce container est alimenté dynamiquement en PHP,
donc, sa hauteur varie...
J'ai vu des méthodes pour centrer un bloc en
CSS2 mais ce bloc doit être de cotes fixes.
toujours pas compris l'interet du PHP
(sans doute parceque je ne m'en sers pas ?)
Dans la définition des CSS, tu peux renseigner une variable par du PHP.
Exemple : body { height: <?php print($_GET[h]."px"); ?> }
Ici, la variable h, passée en URL par la méthode GET, est assignée à la
hauteur du BODY.
Centrer une image :
================== >>
methode javascript + css :
<html>
<body style="background:#999">
<div id="centreur"
style="position:absolute;width:1px;height:1px;top:50%;left:50%">
<img src="photo.jpg"
style="padding:10px;background:white;border:5px outset goldenrod;"
onload="var w=this.width;
var h=this.height;
this.style.marginTop = -(h/2)+'px';
this.style.marginLeft = -(w/2)+'px';" />
</div>
</html>
Marche pas sur Safari : 10 px trop basse.
Idem avec DTD XHTML strict !
methode html :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3c.org/TR/REC-html40/loose.dtd">
Marche pas avec une DTD XHTML strict !
Ne me demande pas pourquoi je code en XHTML strict, stp !
On m'a dit que c'était l'avenir blah blah blah, c'est sérieux blah blah,
ça verouille le bordel, etc. !
Mouais ! Si tout le monde utilise une DTD différente, on va pas s'en
sortir...
Donc, en résumé, la seule méthode qui marche quelque-soit la DTD -- et
avec un container de hauteur variable -- semble être le passage de la
variable en PHP, isn't it ?
Le centrage vertical est un gros soucis en CSS2
http://perso.wanadoo.fr/stephane.moriaux/truc/gn/exo/00.shtml
Ça marche pas avec Safari !
Ton code me claque une *erreur #11* ???
Tout dépend de ce que tu veux centrer.
Un bloc entier : un TABLE.CONTAINER ou une DIV.CONTAINER...
Le problème, c'est que ce container est alimenté dynamiquement en PHP,
donc, sa hauteur varie...
J'ai vu des méthodes pour centrer un bloc en
CSS2 mais ce bloc doit être de cotes fixes.
toujours pas compris l'interet du PHP
(sans doute parceque je ne m'en sers pas ?)
Dans la définition des CSS, tu peux renseigner une variable par du PHP.
Exemple : body { height: <?php print($_GET[h]."px"); ?> }
Ici, la variable h, passée en URL par la méthode GET, est assignée à la
hauteur du BODY.
Centrer une image :
================== >>
methode javascript + css :
<html>
<body style="background:#999">
<div id="centreur"
style="position:absolute;width:1px;height:1px;top:50%;left:50%">
<img src="photo.jpg"
style="padding:10px;background:white;border:5px outset goldenrod;"
onload="var w=this.width;
var h=this.height;
this.style.marginTop = -(h/2)+'px';
this.style.marginLeft = -(w/2)+'px';" />
</div>
</html>
Marche pas sur Safari : 10 px trop basse.
Idem avec DTD XHTML strict !
methode html :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3c.org/TR/REC-html40/loose.dtd">
Marche pas avec une DTD XHTML strict !
Ne me demande pas pourquoi je code en XHTML strict, stp !
On m'a dit que c'était l'avenir blah blah blah, c'est sérieux blah blah,
ça verouille le bordel, etc. !
Mouais ! Si tout le monde utilise une DTD différente, on va pas s'en
sortir...
Donc, en résumé, la seule méthode qui marche quelque-soit la DTD -- et
avec un container de hauteur variable -- semble être le passage de la
variable en PHP, isn't it ?
Le centrage vertical est un gros soucis en CSS2
http://perso.wanadoo.fr/stephane.moriaux/truc/gn/exo/00.shtml
Ça marche pas avec Safari !
Ton code me claque une *erreur #11* ???
Tout dépend de ce que tu veux centrer.
Un bloc entier : un TABLE.CONTAINER ou une DIV.CONTAINER...
Le problème, c'est que ce container est alimenté dynamiquement en PHP,
donc, sa hauteur varie...
J'ai vu des méthodes pour centrer un bloc en
CSS2 mais ce bloc doit être de cotes fixes.
toujours pas compris l'interet du PHP
(sans doute parceque je ne m'en sers pas ?)
Dans la définition des CSS, tu peux renseigner une variable par du PHP.
Exemple : body { height: <?php print($_GET[h]."px"); ?> }
Ici, la variable h, passée en URL par la méthode GET, est assignée à la
hauteur du BODY.
Centrer une image :
================== >>
methode javascript + css :
<html>
<body style="background:#999">
<div id="centreur"
style="position:absolute;width:1px;height:1px;top:50%;left:50%">
<img src="photo.jpg"
style="padding:10px;background:white;border:5px outset goldenrod;"
onload="var w=this.width;
var h=this.height;
this.style.marginTop = -(h/2)+'px';
this.style.marginLeft = -(w/2)+'px';" />
</div>
</html>
Marche pas sur Safari : 10 px trop basse.
Idem avec DTD XHTML strict !
methode html :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3c.org/TR/REC-html40/loose.dtd">
Marche pas avec une DTD XHTML strict !
Ne me demande pas pourquoi je code en XHTML strict, stp !
On m'a dit que c'était l'avenir blah blah blah, c'est sérieux blah blah,
ça verouille le bordel, etc. !
Mouais ! Si tout le monde utilise une DTD différente, on va pas s'en
sortir...
Donc, en résumé, la seule méthode qui marche quelque-soit la DTD -- et
avec un container de hauteur variable -- semble être le passage de la
variable en PHP, isn't it ?
alorsse donc ... avec div réduit :
même adresse
alorsse donc ... avec div réduit :
même adresse
alorsse donc ... avec div réduit :
même adresse
Sans ascenseur, je retaille la fenêtre de telle façon qu'elle fasse 11
carreaux sur 8, soit 550x400 pixels.
------------------------------------------------
document.documentElement.offsetHeight/Width
IE : largeur = 550 - hauteur = 400
window.innerHeight/window.innerWidth
FF : largeur = 550 - hauteur = 400
RESULTATS : largeur = 550 - hauteur = 400
------------------------------------------------
------------------------------------------------
document.documentElement.offsetHeight/Width
IE : largeur = 570 - hauteur = 404
window.innerHeight/window.innerWidth
FF : largeur = zcrot - hauteur = zcrot
RESULTATS : largeur = 570 - hauteur = 404
------------------------------------------------
(400 + 4 = 404)
Sans ascenseur, je retaille la fenêtre de telle façon qu'elle fasse 11
carreaux sur 8, soit 550x400 pixels.
------------------------------------------------
document.documentElement.offsetHeight/Width
IE : largeur = 550 - hauteur = 400
window.innerHeight/window.innerWidth
FF : largeur = 550 - hauteur = 400
RESULTATS : largeur = 550 - hauteur = 400
------------------------------------------------
------------------------------------------------
document.documentElement.offsetHeight/Width
IE : largeur = 570 - hauteur = 404
window.innerHeight/window.innerWidth
FF : largeur = zcrot - hauteur = zcrot
RESULTATS : largeur = 570 - hauteur = 404
------------------------------------------------
(400 + 4 = 404)
Sans ascenseur, je retaille la fenêtre de telle façon qu'elle fasse 11
carreaux sur 8, soit 550x400 pixels.
------------------------------------------------
document.documentElement.offsetHeight/Width
IE : largeur = 550 - hauteur = 400
window.innerHeight/window.innerWidth
FF : largeur = 550 - hauteur = 400
RESULTATS : largeur = 550 - hauteur = 400
------------------------------------------------
------------------------------------------------
document.documentElement.offsetHeight/Width
IE : largeur = 570 - hauteur = 404
window.innerHeight/window.innerWidth
FF : largeur = zcrot - hauteur = zcrot
RESULTATS : largeur = 570 - hauteur = 404
------------------------------------------------
(400 + 4 = 404)
si çà marche (je viens de regarder)
Un bloc entier : un TABLE.CONTAINER ou une DIV.CONTAINER...
Le problème, c'est que ce container est alimenté dynamiquement en PHP,
donc, sa hauteur varie...
Donc on peut arreter les frais :
en admettant qu'on ait les bons parametres
- pre-cacul de hauteur de block
- pre-calcul hauteur fenetre
si je fais caractéres zoomés :
- comment re-calcules-tu la hauteur ?
- comment tu faits ton pre-calcul (comment sais-tu que je suis en zoom+)
je ne comprends absolument pas l'interet de cet aller+retour
Donc, en résumé, la seule méthode qui marche quelque-soit la DTD -- et
avec un container de hauteur variable -- semble être le passage de la
variable en PHP, isn't it ?
Hein ? Quoi tu dis ?
comment est calculée cette variable ?
(pour les polices Mac, PC, Linux?
pour la résolution d'écran?
pour le réglage par défaut du navigateur ?
pour ... )
déjà qu'on n'arrive pas à connaitre la taille de la fenetre !
si çà marche (je viens de regarder)
Un bloc entier : un TABLE.CONTAINER ou une DIV.CONTAINER...
Le problème, c'est que ce container est alimenté dynamiquement en PHP,
donc, sa hauteur varie...
Donc on peut arreter les frais :
en admettant qu'on ait les bons parametres
- pre-cacul de hauteur de block
- pre-calcul hauteur fenetre
si je fais caractéres zoomés :
- comment re-calcules-tu la hauteur ?
- comment tu faits ton pre-calcul (comment sais-tu que je suis en zoom+)
je ne comprends absolument pas l'interet de cet aller+retour
Donc, en résumé, la seule méthode qui marche quelque-soit la DTD -- et
avec un container de hauteur variable -- semble être le passage de la
variable en PHP, isn't it ?
Hein ? Quoi tu dis ?
comment est calculée cette variable ?
(pour les polices Mac, PC, Linux?
pour la résolution d'écran?
pour le réglage par défaut du navigateur ?
pour ... )
déjà qu'on n'arrive pas à connaitre la taille de la fenetre !
si çà marche (je viens de regarder)
Un bloc entier : un TABLE.CONTAINER ou une DIV.CONTAINER...
Le problème, c'est que ce container est alimenté dynamiquement en PHP,
donc, sa hauteur varie...
Donc on peut arreter les frais :
en admettant qu'on ait les bons parametres
- pre-cacul de hauteur de block
- pre-calcul hauteur fenetre
si je fais caractéres zoomés :
- comment re-calcules-tu la hauteur ?
- comment tu faits ton pre-calcul (comment sais-tu que je suis en zoom+)
je ne comprends absolument pas l'interet de cet aller+retour
Donc, en résumé, la seule méthode qui marche quelque-soit la DTD -- et
avec un container de hauteur variable -- semble être le passage de la
variable en PHP, isn't it ?
Hein ? Quoi tu dis ?
comment est calculée cette variable ?
(pour les polices Mac, PC, Linux?
pour la résolution d'écran?
pour le réglage par défaut du navigateur ?
pour ... )
déjà qu'on n'arrive pas à connaitre la taille de la fenetre !
Hein ? Quoi tu dis ?
comment est calculée cette variable ?
La hauteur de la innerWindowDeLaMort me suffit !
Je la claque au BODY, et après je centre le conteneur dans un tableau --
vertical-align: middle -- à height: 100 %. L'important, c'est le
centrage. M'en fous de la hauteur du conteneur...
Viandage ou pas viandage ?!
J'avais lâché Flash en me disant que les CSS me permettraient d'obtenir
des résultats "semblables" sans la lourdeur de Flash...
Mais là, euuuh, j'ai comme une envie de refaire du Full-Flash !
C'est quoi, au fait, ton 'blem avec Flash ?
Hein ? Quoi tu dis ?
comment est calculée cette variable ?
La hauteur de la innerWindowDeLaMort me suffit !
Je la claque au BODY, et après je centre le conteneur dans un tableau --
vertical-align: middle -- à height: 100 %. L'important, c'est le
centrage. M'en fous de la hauteur du conteneur...
Viandage ou pas viandage ?!
J'avais lâché Flash en me disant que les CSS me permettraient d'obtenir
des résultats "semblables" sans la lourdeur de Flash...
Mais là, euuuh, j'ai comme une envie de refaire du Full-Flash !
C'est quoi, au fait, ton 'blem avec Flash ?
Hein ? Quoi tu dis ?
comment est calculée cette variable ?
La hauteur de la innerWindowDeLaMort me suffit !
Je la claque au BODY, et après je centre le conteneur dans un tableau --
vertical-align: middle -- à height: 100 %. L'important, c'est le
centrage. M'en fous de la hauteur du conteneur...
Viandage ou pas viandage ?!
J'avais lâché Flash en me disant que les CSS me permettraient d'obtenir
des résultats "semblables" sans la lourdeur de Flash...
Mais là, euuuh, j'ai comme une envie de refaire du Full-Flash !
C'est quoi, au fait, ton 'blem avec Flash ?
Hein ? Quoi tu dis ?
comment est calculée cette variable ?
La hauteur de la innerWindowDeLaMort me suffit !
Je la claque au BODY, et après je centre le conteneur dans un tableau --
Ha ? on ne parle plus de centrage vertical par css ?
vertical-align: middle -- à height: 100 %. L'important, c'est le
centrage. M'en fous de la hauteur du conteneur...
Viandage ou pas viandage ?!
si le conteneur ne dépasse pas de la zone d'affichage
Ha ben oui ... si tu utilises un table, à ce que je comprends
(avec le doctype qui va bien)
Note qu'à ce compte, le table se débrouille tout seul,
tu n'as rien à lui esspliquer des hauteurs de fenêtre.
(me semble t-il ?)
J'avais lâché Flash en me disant que les CSS me permettraient
d'obtenir des résultats "semblables" sans la lourdeur de Flash...
Mais là, euuuh, j'ai comme une envie de refaire du Full-Flash !
je n'ai jamais fait de Flash
On est maître des polices ?
ce sont les tiennes qui sont vectorisées et çà ne fait pas
appel à celles du visiteur ?
C'est quoi, au fait, ton 'blem avec Flash ?
[...]
Hein ? Quoi tu dis ?
comment est calculée cette variable ?
La hauteur de la innerWindowDeLaMort me suffit !
Je la claque au BODY, et après je centre le conteneur dans un tableau --
Ha ? on ne parle plus de centrage vertical par css ?
vertical-align: middle -- à height: 100 %. L'important, c'est le
centrage. M'en fous de la hauteur du conteneur...
Viandage ou pas viandage ?!
si le conteneur ne dépasse pas de la zone d'affichage
Ha ben oui ... si tu utilises un table, à ce que je comprends
(avec le doctype qui va bien)
Note qu'à ce compte, le table se débrouille tout seul,
tu n'as rien à lui esspliquer des hauteurs de fenêtre.
(me semble t-il ?)
J'avais lâché Flash en me disant que les CSS me permettraient
d'obtenir des résultats "semblables" sans la lourdeur de Flash...
Mais là, euuuh, j'ai comme une envie de refaire du Full-Flash !
je n'ai jamais fait de Flash
On est maître des polices ?
ce sont les tiennes qui sont vectorisées et çà ne fait pas
appel à celles du visiteur ?
C'est quoi, au fait, ton 'blem avec Flash ?
[...]
Hein ? Quoi tu dis ?
comment est calculée cette variable ?
La hauteur de la innerWindowDeLaMort me suffit !
Je la claque au BODY, et après je centre le conteneur dans un tableau --
Ha ? on ne parle plus de centrage vertical par css ?
vertical-align: middle -- à height: 100 %. L'important, c'est le
centrage. M'en fous de la hauteur du conteneur...
Viandage ou pas viandage ?!
si le conteneur ne dépasse pas de la zone d'affichage
Ha ben oui ... si tu utilises un table, à ce que je comprends
(avec le doctype qui va bien)
Note qu'à ce compte, le table se débrouille tout seul,
tu n'as rien à lui esspliquer des hauteurs de fenêtre.
(me semble t-il ?)
J'avais lâché Flash en me disant que les CSS me permettraient
d'obtenir des résultats "semblables" sans la lourdeur de Flash...
Mais là, euuuh, j'ai comme une envie de refaire du Full-Flash !
je n'ai jamais fait de Flash
On est maître des polices ?
ce sont les tiennes qui sont vectorisées et çà ne fait pas
appel à celles du visiteur ?
C'est quoi, au fait, ton 'blem avec Flash ?
[...]
Tu peux faire du Flash léger effectivement, mais ça veut dire : pas de
vidéos, ni de son -- ou du 8 bits pourri -- : du HTML, quoi !
T'es encore en RTC ?! C'est du snobisme ou tu crèches dans un grotte
dans le Macif Central ?! :-)
J'ai ouï dire que 95 % du pays était en haut-débit...
On m'aurait menti à l'insu de mon plein gré ?!
Tu peux faire du Flash léger effectivement, mais ça veut dire : pas de
vidéos, ni de son -- ou du 8 bits pourri -- : du HTML, quoi !
T'es encore en RTC ?! C'est du snobisme ou tu crèches dans un grotte
dans le Macif Central ?! :-)
J'ai ouï dire que 95 % du pays était en haut-débit...
On m'aurait menti à l'insu de mon plein gré ?!
Tu peux faire du Flash léger effectivement, mais ça veut dire : pas de
vidéos, ni de son -- ou du 8 bits pourri -- : du HTML, quoi !
T'es encore en RTC ?! C'est du snobisme ou tu crèches dans un grotte
dans le Macif Central ?! :-)
J'ai ouï dire que 95 % du pays était en haut-débit...
On m'aurait menti à l'insu de mon plein gré ?!