OVH Cloud OVH Cloud

[pb de mise en page]

5 réponses
Avatar
Alfred WALACE
bonjour,
je n'arrive pas à faire une page qui se présenterait sous la forme
suivante :

un bandeau vertical à gauche ET a droite sur toute la hauteur de la
fenetre du browser, dans ces bandeaux une image avec un repart-y, ces
bandeaux ocuperaient 20% de la largeur de l'écran

un bandeau central dans lequel je positionnerai mes informations.

En fait, je voudrais que celà ressemble à une "pellicule" de film
avec de part et d'autre, une pellicule.

pourriez vous m'aider pour cette mise en page ?

Merci

José

5 réponses

Avatar
Emmanuel
Alfred WALACE wrote:
bonjour,
je n'arrive pas à faire une page qui se présenterait sous la forme
suivante :

un bandeau vertical à gauche ET a droite sur toute la hauteur de la
fenetre du browser, dans ces bandeaux une image avec un repart-y, ces
bandeaux ocuperaient 20% de la largeur de l'écran

un bandeau central dans lequel je positionnerai mes informations.

En fait, je voudrais que celà ressemble à une "pellicule" de film
avec de part et d'autre, une pellicule.



Si je comprends bien 20% - 60% - 20%
ou alors 10% - 80% - 10%
mais qu'importe.

Bon, grosso-modo, j'essaierais de faire une image de la bande de perfo pelloch,
disposée une fois en fond de <body> avec un repeat-y callé à gauche.
Ensuite, un div dans le <body> occupant toute la largeur et dans son fond, callé
à droite en repeat-y à nouveau l'image des perfos.
Dans ce div ou dans un autre imbriqué (moins bien) le contenu central.


--
Emmanuel CLÉMENT
---------------------------------
http://emmanuel.clement.free.fr/
http://www.openweb.eu.org/
---------------------------------
Avatar
Alfred WALACE
Emmanuel a écrit :

Si je comprends bien 20% - 60% - 20%
ou alors 10% - 80% - 10%
mais qu'importe.

Bon, grosso-modo, j'essaierais de faire une image de la bande de perfo
pelloch, disposée une fois en fond de <body> avec un repeat-y callé à
gauche.
Ensuite, un div dans le <body> occupant toute la largeur et dans son
fond, callé à droite en repeat-y à nouveau l'image des perfos.
Dans ce div ou dans un autre imbriqué (moins bien) le contenu central.





Bonjour Emmanuel et merci pour ta réponse heu.... matinale !

oui, tu as bien compris.

OK pour la pélloche en background de body avec un repeat-y callé ç gauche.

Par contre, heu, pour le DIV, heu, j'aimerai que ce DIV occupe toute la
hauteur de la fenetre du browser, peux tu me dire stp comment j'm'y prend ?

Merci

josé
Avatar
Nicolas Moreau
Alfred WALACE wrote:


OK pour la pélloche en background de body avec un repeat-y callé ç gauche.

Par contre, heu, pour le DIV, heu, j'aimerai que ce DIV occupe toute la
hauteur de la fenetre du browser, peux tu me dire stp comment j'm'y prend ?



Si c'est juste pour les effets de pelloch, tu peux mettre le bg du body
en bottom et celui du div en top

--
Nicolas Moreau
Avatar
Emmanuel
Alfred WALACE wrote:

Bonjour Emmanuel et merci pour ta réponse heu.... matinale !

oui, tu as bien compris.

OK pour la pélloche en background de body avec un repeat-y callé ç gauche.

Par contre, heu, pour le DIV, heu, j'aimerai que ce DIV occupe toute la
hauteur de la fenetre du browser, peux tu me dire stp comment j'm'y prend ?



Heu... avec un gif transparent à 100% ?
Naann, je blague :-)
Je n'avais effectivement pas pensé à cette question de hauteur.
C'est ça aussi... si tu avais utilisé du film 120 au lieu du 135 avec ses
perforations, le problème n'existerait pas :-)

Néanmoins je sèche. Cette question du div à 100% de hauteur de la fenêtre
revient souvent et rien n'est bien convaincant pour la résoudre il me semble.

--
Emmanuel CLÉMENT
---------------------------------
http://emmanuel.clement.free.fr/
http://www.openweb.eu.org/
---------------------------------
Avatar
Pleurote du Panicaut
Dans le message bkbhbv$pch$,
Alfred WALACE nous écrivit :
Par contre, heu, pour le DIV, heu, j'aimerai que ce DIV occupe toute la
hauteur de la fenetre du browser, peux tu me dire stp comment j'm'y prend



J'ose ! (et ce n'est pas un troll)

Si tu veux que ça marche partout => tableau.

Désolé, c'est du vécu

Mais pourquoi 100% en hauteur ? Ton contenu est minuscule et tu veux qu'il
soit en plein milieu ?

--
@+
--
Jean-Paul Boussac, HTLM-Kit en français, tutorial et description détaillée :
http://boussac.online.fr/Windows/HTML-Kit.html