mindere aandelenkarakter

Magazine
Go Back   Computer Juice > Computer Software > Web Design, Hosting & SEO

Register


 Default 

Automatically resizing DIV




Reply
 
Thread Tools
  #1  
Old 5 jun 2009, 15:02
Nieuw Lid Fractie
 
Default Automatically resizing DIV

Ok, dus hier is de situatie. Ik heb een pagina met een div aan de zijkant, op de top en bodem. De div aan de zijkant is aan de linkerkant op 225px. De div bovenop is 25px, en de div op bodem is 20px. Wat ik wil is een div in het midden van hen allen, en dus de grootte (en is Verschuifbare) op basis van de bezoekers browser grootte.
Wat heb ik werken, maar zal niet scrollen, en is niet de juiste breedte, dus ik heb het centrum al mijn inhoud in. Zijn gewoon met behulp van de breedte van de browser, maar geduwd over een bit met een marge, zodat het eigenlijk opknoping ruim onder de zijbalk.

Een korte schets van wat ik heb is in de bijlagen.

Any ideas?

Sleutel:
menu bovenaan.
bottom_menu is de bottom-menu.
inhoud is het onderdeel Ik heb hulp nodig met, in het centrum.
zijbalk is wat er aan de zijkant.

CSS:
Code:
@ charset "UTF-8";
/ * CSS Document * /

html **
height: 100%;
)

img
**
border-style: none;
color: # FFF;
text-align: center;
)

lichaam **
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
background-color: # 000;
)

. zijbalk **
background-image: url (.. / images / sidebar / background.png);
background-repeat: repeat-y;
width: 225px;
min-height: 100%;
standpunt: vastgesteld;
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;
standpunt: vastgesteld;
top: 0px;
left: 0px;
overflow: hidden;
padding-left: 5px;
)

. inhoud **
width: 100%;
top: 25px;
height: 100%;
overflow: hidden;
standpunt: vastgesteld;
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;
standpunt: vastgesteld;
bottom: 0px;
left: 0px;
overflow: hidden;
padding-left: 5px;
z-index: 2;
font: 12px Helvetica, Arial, sans-serif;
)
HTML (DIV plaatsingsprestatie):
Code:

CONTENT in de zijbalk

IN TOP MENU

IN BOTTOM MENU

INHOUD IN DE INHOUD
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