![]() |
|
#1
| |||
| |||
| 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 |