Wrox Programmer Forums

Need to download code?

View our list of code downloads.

| FAQ | Members List | Search | Today's Posts | Mark Forums Read
CSS Cascading Style Sheets All issues relating to Cascading Style Sheets (CSS).
Welcome to the p2p.wrox.com Forums.

You are currently viewing the CSS Cascading Style Sheets section of the Wrox Programmer to Programmer discussions. This is a community of tens of thousands of software programmers and website developers including Wrox book authors and readers. As a guest, you can read any forum posting. By joining today you can post your own programming questions, respond to other developers’ questions, and eliminate the ads that are displayed to guests. Registration is fast, simple and absolutely free .
DRM-free e-books 300x50
Thread Tools Search this Thread Display Modes
  #1 (permalink)  
Old November 2nd, 2005, 05:40 AM
Registered User
Join Date: Nov 2005
Location: , , .
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Default CSS Layout

I'm new to CSS, but I'm extremely interested in the layout possibilities it seems to offer.

What I'd like to do, is to have a permanently fixed header/title bar, with a permanently fixed navbar immediately underneath it - both of these are the width of the browser window.
Below that, I's like a 75% width content window to the left, with scrollbar - and a 25% infobar with independent scrolling to the right.
Under both of those, a browser-width footer bar, that remains static regardless of the content/info windows.
Obviously, I'd like the scrollbars to remain fixed within their appropriate areas.

I'm not expecting someone to come up with the code for me, but if you can point me in the direction of tutorials/explanations of the necessary techniques I'd be most grateful!

Thanks In Advance,
Reply With Quote
  #2 (permalink)  
Old November 5th, 2005, 03:12 PM
Friend of Wrox
Points: 1,315, Level: 14
Points: 1,315, Level: 14 Points: 1,315, Level: 14 Points: 1,315, Level: 14
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
Join Date: Jun 2003
Location: , , .
Posts: 425
Thanks: 0
Thanked 3 Times in 3 Posts

Maybe a starting point. :)

BTW what do you mean by "permanently fixed"? That the section should stay in view when the page scrolls, like with frames? You'll find a section about that at the page I link to, but it gets tricky because IE Windows doesn't support 'position: fixed'. So this is a little warning. Jumping into this cesspool of hacks and tricks head first isn't a good place to start if you are new. I recommend that you learn the stuff that works without black magic first. This can be hard enough to grasp anyway to begin with.

Reply With Quote
  #3 (permalink)  
Old November 5th, 2005, 03:23 PM
Registered User
Join Date: Nov 2005
Location: , , .
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts

Cheers Meow - I'll have a look at that link, and yes - a fixed header bar similer to frames is what I'm after.
Thanks for the warning about hacks - I'll bear that in mind.
I'm new to CSS, though not to programming or scripting, so I'll look at the hacks first and if it makes the learning curve too steep avoid it until I'm a bit more experienced!

Since posting, I've seen a piece on doing this by using position:absolute on the header, and a padding DIV to drop the content frame below it, but I can't find it again!
Then again, this article didn't have columns below the header, let alone with independent scrolling!
I'll post back with any questions once I've checked your link out.

Thanks again
Reply With Quote

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are Off
Pingbacks are On
Refbacks are Off

Similar Threads
Thread Thread Starter Forum Replies Last Post
Css layout not work well in Firefox kumiko CSS Cascading Style Sheets 0 March 31st, 2008 10:27 AM
Rich's new CSS book: Beginning CSS 2nd Edition jminatel BOOK: Beginning CSS: Cascading Style Sheets for Web Design ISBN: 978-0-7645-7642-3 0 June 15th, 2007 11:55 AM
Is CSS the best for making website layout?? DSteven CSS Cascading Style Sheets 3 August 23rd, 2005 05:45 AM
CSS layout issue Groundhog1248 CSS Cascading Style Sheets 1 March 2nd, 2005 09:13 AM
CSS Layout Divs Truce77 PHP How-To 2 March 29th, 2004 07:29 PM

All times are GMT -4. The time now is 12:33 PM.

Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
© 2013 John Wiley & Sons, Inc.