![]() |
| |||||||
| S'inscrire | Site Spy | Liste des membres | Faire un don | Recherche | Aujourd'hui, les postes | Marquer les forums comme lus | Forum Rules |
|
![]() |
| | Thread Tools |
|
#1
| |||
| |||
| Ok, voici donc la situation. J'ai une page avec un div sur le côté, sur le dessus, et sur le fond. Le div sur le côté se trouve sur la gauche à 225px. Le div est 25px en haut et en bas de la div est 20px. Ce que je veux est une div au milieu de tous, et il redimensionne (et est scrollable) basé sur le navigateur des visiteurs taille. Ce que je travaille, mais ne sera pas de défilement, et n'est pas la bonne largeur et j'ai donc tout mon centre de contenu en elle. Son uniquement avec la largeur du navigateur, mais un peu plus poussé, avec une marge, de sorte que sa réalité qui pèse sur sous la barre latérale. Un petit croquis de ce que j'ai, c'est dans les pièces jointes. Des idées? Key: menu du haut. bottom_menu est en bas du menu. le contenu est la partie J'ai besoin d'aide avec, dans le centre. sidebar est ce qui se passe sur le côté. CSS: Code: @ charset "UTF-8"; / * CSS Document * / html ** height: 100%; ) img ** border-style: none; color: # FFF; text-align: center; ) corps ** height: 100%; width: 100%; margin: 0px; padding: 0px; background-color: # 000; ) . sidebar ** background-image: url (.. / images / sidebar / background.png); background-repeat: repeat-y; width: 225px; min-height: 100%; position: fixed; top: 25px; left: 0px; overflow: hidden; padding-left: 5px; padding-top: 5px; font: 12px helvetica, arial, sans-serif; color: # 666; z-index: 1; ) . menu ** background-image: url (.. / images / top_menu / background.png); background-repeat: repeat-x; width: 100%; height: 25px; position: fixed; top: 0px; left: 0px; overflow: hidden; padding-left: 5px; ) . contenu ** width: 100%; top: 25px; height: 100%; overflow: hidden; position: fixed; padding-left: 5px; padding-top: 5px; background-color: # FFF; margin-left: 112px; font: 14px helvetica, arial, sans-serif; ) . bottom_menu ** background-image: url (.. / images / bottom_menu / background.png); background-repeat: repeat-x; width: 100%; height: 20px; position: fixed; bottom: 0px; left: 0px; overflow: hidden; padding-left: 5px; z-index: 2; font: 12px helvetica, arial, sans-serif; ) HTML (DIV Placement): Code: CONTENU EN SIDEBAR CONTENU EN TOP MENU CONTENU EN BAS MENU CONTENU DE CONTENU |