j'espère que je m'adresse au bon endroit, quoi que j'en doute un peu,
n'ayant jamais vu de post à ce sujet ?
mes excuses dans le cas contraire ...
voila, j'essaie de débuter sur les feuilles de style (pour intégrer dans une
feuille en php - je débute aussi lol
et je bute sur des problèmes de compréhension du mécanisme des div ...
mon propos est d'essayer de recréer une structure identique à celle obtenue
avec des frames
donc, une page en 3 parties :
un bandeau de titre, qui prenne toute la largeur de la page
le reste divisé en une partie de gauche (menu) et l'affichage des infos de
la page proprement dites
j'ai donc créé mes 3 div, dans un fichier css, que j'intègre par la suite à
la page web
or, le comportement est pas celui que je souhaiterais :
si je réduis sensiblement la page, les parties menu et main ne voient pas
apparaitre d'ascenseur, malgré le overflow placé sur auto
je ne vois pas comment modifier le code pour permettre cela ?
d'autre part, l'ascenseur n'apparait pas non plus sur la page, si je la
réduis ?
d'autre part, j'aurais souhaité éviter de coder en dur la hauteur du menu et
de la page, pour éviter les problèmes dûs aux différentes résolutions
d'écran
ma deuxième question est donc : comment faire, une fois défini le bandeau de
titre, pour occuper totalement l'espace restant ? :-)
si quelqu'un pouvait me renseigner, me mettre sur la voie ? :-)
d'avance merci
--
Adresse invalide
Merci de répondre sur le forum ...
http://scraper.chez.tiscali.fr
Juste un détail : as-tu essayé de remplacer les DIV par des SPAN ? Les SPAN n'ont pas de saut de ligne, contrairement aux DIV
@-salutations
Michel Claveau
Jean
Bonjour Jean, dans le message news: tu disais :
En remplaçant certaines valeurs de dimensions exprimées en pixels par des valeurs en %
C'est ce à quoi je pensais entre autre :-) Voici document.htm et sa feuille de style document.css : (pour tester http://users.skynet.be/jmst/document.htm)
bonjour
je reviens vers toi (un peu tard ...)
je me suis inspiré de ton code, et le résultat dans IE est pas trop mal ... du moins, on se rapproche de l'effet escompté http://scraper.chez.tiscali.fr/tempo/milady1/actu.php
sauf que pour que ça fonctionne correctement, je dois omettre volontairement de fermer une balise <DIV> ??
vraiment bizarre .... sinon, je me retrouve encore avec cette foutue bande en dessous de la zone de ma page, et le scroll vertical qui apparait ... (http://scraper.chez.tiscali.fr//tempo/2.png)
Voir la proposition de Michel mais je ne reproduit pas ce problème chez moi.
sinon, il me reste une paire de problèmes, avant d'attaquer la compatibilité dans les autres browsers ...
par exemple, comment puis je faire pour éviter que toutes les zones définies de la page se réduisent, lorsqu'on réduit fortement la page ? (la zone de titre, le menu, se retrouvent avec des ascenseurs dans tous les sens ...
J'ai un projet qui fait quelque chose dans le genre (mais je crois que j'utilise une <table>), je regarderai si ça peut convenir ... sans garanties parcequ'il contient du positionnement via script ... mais comme il gère plusieures types de mise en forme il y aura peut être moyen de s'en passer (croisons les doigts :O) ).
(il y a bien les propriétés min-width et min-height, mais elles semblent ne pas fonctionner dans IE 6 ? :-(
le but est d'obtenir l'affichage d'une taille minimum de l'ensemble de la page, en dessous de quoi les ascenseurs verticaux et horizontaux de la page apparaitraient, sans diminuer la taille du bandeau de titre et de menu, et en garantissant une zone minimum pour le reste de la page
ouf !
Eh oui :-) Pour se reposer vous pouvez réessayer la page que j'ai postée ici et comparer le comportement des overflow dans Firefox, Opera et IE ... Entre autre ... IE est le seul à gérer le mouse panning pour ces éléments dans ce cas (il y a peut être moyen de le faire aussi dans FF et Opera ... mais je ne connais pas assez leurs DOM pour ça ... n'empêche, je doute).
en espérant avoir été clair .... :-)
merci de ton aide
-- Jean - JMST Belgium
Bonjour Jean, dans le message
news: mn.f3f07d59ef5a1f58.3499@windows
tu disais :
En remplaçant certaines valeurs de dimensions exprimées en pixels
par des valeurs en %
C'est ce à quoi je pensais entre autre :-)
Voici document.htm et sa feuille de style document.css :
(pour tester http://users.skynet.be/jmst/document.htm)
bonjour
je reviens vers toi (un peu tard ...)
je me suis inspiré de ton code, et le résultat dans IE est pas trop mal ...
du moins, on se rapproche de l'effet escompté
http://scraper.chez.tiscali.fr/tempo/milady1/actu.php
sauf que pour que ça fonctionne correctement, je dois omettre volontairement
de fermer une balise <DIV> ??
vraiment bizarre .... sinon, je me retrouve encore avec cette foutue bande en
dessous de la zone de ma page, et le scroll vertical qui apparait ...
(http://scraper.chez.tiscali.fr//tempo/2.png)
Voir la proposition de Michel mais je ne reproduit pas ce problème chez
moi.
sinon, il me reste une paire de problèmes, avant d'attaquer la compatibilité
dans les autres browsers ...
par exemple, comment puis je faire pour éviter que toutes les zones définies
de la page se réduisent, lorsqu'on réduit fortement la page ? (la zone de
titre, le menu, se retrouvent avec des ascenseurs dans tous les sens ...
J'ai un projet qui fait quelque chose dans le genre (mais je crois que
j'utilise une <table>), je regarderai si ça peut convenir ... sans
garanties parcequ'il contient du positionnement via script ... mais
comme il gère plusieures types de mise en forme il y aura peut être
moyen de s'en passer (croisons les doigts :O) ).
(il y a bien les propriétés min-width et min-height, mais elles semblent ne
pas fonctionner dans IE 6 ? :-(
le but est d'obtenir l'affichage d'une taille minimum de l'ensemble de la
page, en dessous de quoi les ascenseurs verticaux et horizontaux de la page
apparaitraient, sans diminuer la taille du bandeau de titre et de menu, et en
garantissant une zone minimum pour le reste de la page
ouf !
Eh oui :-)
Pour se reposer vous pouvez réessayer la page que j'ai postée ici et
comparer le comportement des overflow dans Firefox, Opera et IE ...
Entre autre ... IE est le seul à gérer le mouse panning pour ces
éléments dans ce cas (il y a peut être moyen de le faire aussi dans FF
et Opera ... mais je ne connais pas assez leurs DOM pour ça ...
n'empêche, je doute).
En remplaçant certaines valeurs de dimensions exprimées en pixels par des valeurs en %
C'est ce à quoi je pensais entre autre :-) Voici document.htm et sa feuille de style document.css : (pour tester http://users.skynet.be/jmst/document.htm)
bonjour
je reviens vers toi (un peu tard ...)
je me suis inspiré de ton code, et le résultat dans IE est pas trop mal ... du moins, on se rapproche de l'effet escompté http://scraper.chez.tiscali.fr/tempo/milady1/actu.php
sauf que pour que ça fonctionne correctement, je dois omettre volontairement de fermer une balise <DIV> ??
vraiment bizarre .... sinon, je me retrouve encore avec cette foutue bande en dessous de la zone de ma page, et le scroll vertical qui apparait ... (http://scraper.chez.tiscali.fr//tempo/2.png)
Voir la proposition de Michel mais je ne reproduit pas ce problème chez moi.
sinon, il me reste une paire de problèmes, avant d'attaquer la compatibilité dans les autres browsers ...
par exemple, comment puis je faire pour éviter que toutes les zones définies de la page se réduisent, lorsqu'on réduit fortement la page ? (la zone de titre, le menu, se retrouvent avec des ascenseurs dans tous les sens ...
J'ai un projet qui fait quelque chose dans le genre (mais je crois que j'utilise une <table>), je regarderai si ça peut convenir ... sans garanties parcequ'il contient du positionnement via script ... mais comme il gère plusieures types de mise en forme il y aura peut être moyen de s'en passer (croisons les doigts :O) ).
(il y a bien les propriétés min-width et min-height, mais elles semblent ne pas fonctionner dans IE 6 ? :-(
le but est d'obtenir l'affichage d'une taille minimum de l'ensemble de la page, en dessous de quoi les ascenseurs verticaux et horizontaux de la page apparaitraient, sans diminuer la taille du bandeau de titre et de menu, et en garantissant une zone minimum pour le reste de la page
ouf !
Eh oui :-) Pour se reposer vous pouvez réessayer la page que j'ai postée ici et comparer le comportement des overflow dans Firefox, Opera et IE ... Entre autre ... IE est le seul à gérer le mouse panning pour ces éléments dans ce cas (il y a peut être moyen de le faire aussi dans FF et Opera ... mais je ne connais pas assez leurs DOM pour ça ... n'empêche, je doute).
