moins de capital

Magazine
Go Back   Computer Juice > Computer Software > Web Design, Hébergement & Référencement

Register


 Default 

Redimensionnement automatique DIV




Reply
 
Thread Tools
  #1  
Old 5ème juin 2009, 15:02
Nouveau membre du Groupe
 
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
Reply

Register
Thread Tools




Arabic Bulgarian Chinese (Simplified) Chinese (Traditional) Croatian Czech Danish Dutch English Finnish French German Greek Hebrew Hungarian Italian Japanese Korean Latvian Lithuanian Norwegian Polish Portuguese Romanian Russian Serbian Slovak Spanish Swedish Thai Turkish Ukrainian

Copyright © 2006 - 2009 Computer Juice.

Powered by vBulletin ® Copyright © 2000 - 2009 Jelsoft Enterprises Ltd SEO by vBSEO © 2009, Crawlability, Inc