![]() |
|
|||||||
|
|
|
|
|
|
Ok, so here is the situation. I have a page with a div on the side, on top, and on bottom. The div on the side is on the left at 225px. The div on top is 25px, and the div on bottom is 20px. What I want is a ...
|
![]() |
|
|
Thread Tools |
|
#1
|
|||
|
|||
|
Ok, so here is the situation. I have a page with a div on the side, on top, and on bottom. The div on the side is on the left at 225px. The div on top is 25px, and the div on bottom is 20px. What I want is a div in the middle of them all, and so it resizes (and is scrollable) based on the visitors browser size.
What I have works, but will not scroll, and is not the right width so I have to center all my content in it. Its just using the width of the browser, but pushed over a bit with a margin, so its actually hanging over underneath the sidebar. A quick sketch of what I have is in the attachments. Any ideas? Key: menu is the top. bottom_menu is the bottom menu. content is the part I need help with, in the center. sidebar is what goes on the side. CSS: Code: @charset "UTF-8"; /* CSS Document */ html ** height:100%; } img ** border-style: none; color: #FFF; text-align: center; } body ** 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; } .content ** 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: CONTENT IN SIDEBAR CONTENT IN TOP MENU CONTENT IN BOTTOM MENU CONTENT IN CONTENT |
![]() |
|
| Bookmarks |
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Windows PC Logging Off Automatically | tinkerbell | General Software Chat | 7 | 3rd Feb 2009 04:40 |
| Picture resizing program? | pete21 | Multimedia & Codecs | 3 | 26th Jan 2009 03:47 |
| Automatically opening IE windows and sounds | akyadav001 | Virus, Spyware & Security | 12 | 6th Oct 2008 09:17 |
| Computer Hanging Automatically | sherytiger | General Hardware Chat | 28 | 9th Apr 2008 09:19 |
| Forum resizing | Athlon | Community News & Chat | 1 | 4th Oct 2006 08:38 |
| Thread Tools | |
|
|