Discussion :

[Nutrino]

Bonjour,

Je vous expose tout d'abord mon souhait. J'ai fait un petit dessin explicatif, pour être clair :



L'ensemble est une grosse image, découpée en trois parties : les parties haute et gauche ne bougent pas, quelle que soit la page. Par contre, la partie droite est celle qui va afficher les différentes infos.

Mon problème : je voudrais que l'image de fond soit toujours visible. Donc que dans la partie droite, les infos (récuppérées de MYSQL) s'affichent SUR l'image et qu'en plus, elles soient délimitées dans un cadre avec une barre défilante, pour ne pas qu'elles débordent en bas

Sans évoquer le code source dans ses détails, quelle méthode utiliseriez-vous ? J'avoue que je suis un peu paumé.

Merci beaucoup

[mathieu]

il suffit de mettre l'image en fond de page et de mettre "overflow : auto" pour la zone de texte qui défile

[Invité]

il suffit de mettre l'image en fond de page et de mettre "overflow : auto" pour la zone de texte qui défile

Un peu du bricolage tout ça ... La balise BODY est par défaut en overflow (et ce depuis la nuit des temps avant même que les CSS existent).

Un background fixed ne serait-il aps plus approprié ? tout simplement ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

background:white url(tonimage.gif) fixed top left;

[Kerod]

Je suis amplement d'accord avec stouk...Suffit de mettre le background-image à fixed et c'est bon

[Nutrino]

Waouh ! Super Ca fonctionne !

Question : le haut est appelé à l'aide d'un fichier include. Restent donc mon menu (à gauche) et les infos (à droite). Je fais comment ? Dans index.php, je fais deux frames avec, dans la partie droite, cette fameuse instruction background ?

[Oluha]

oublie les frames, il faut travailler avec des div.

tu fais une div pour le titre, une pour le menu et une autre pour le contenu. Dans chacune des div tu mets ton morceaux d'image en background. Pour la div du contenu tu mets en plus l'overflow à auto pour avoir la scrollbar.

Stouk et Kerod : si on regarde le schema, seul le contenu est scrollable...

[Nutrino]

Merci de m'avoir indiqué la marche à suivre Oluha !

Effectivement, j'ai réussi à faire un truc vraiment pas mal, après pas mal de prises de tête, je l'avoue J'ai une question cependant. Et j'ai encore un p'tit exemple tout bête pour expliquer mon souci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<div>
  Ligne du haut qui est centrée
</div>
 
<div style="position: absolute;">
   Bas Gauche
</div>
 
<div style="position: relative; left: 80px">
   Bas Droit
</div>

La ligne Bas Droit est à 80 pixel de la ligne Bas Gauche. Les deux coulissent parfaitement sous la ligne du haut.

Comment centrer le tout ? Sachant qu'il y a deux "colonnes" pour la seconde ligne ?

Merci encore

[Nutrino]

C'est bon,

J'ai trouvé tout seul comme un grand !