Wrox Programmer Forums
|
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 software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
 
Old November 2nd, 2005, 05:40 AM
Registered User
 
Join Date: Nov 2005
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,
DM
 
Old November 5th, 2005, 03:12 PM
Friend of Wrox
 
Join Date: Jun 2003
Posts: 425
Thanks: 0
Thanked 3 Times in 3 Posts
Default

Maybe a starting point. :)
http://css-discuss.incutio.com/?page=CssLayouts

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.

--
http://yupapa.com
 
Old November 5th, 2005, 03:23 PM
Registered User
 
Join Date: Nov 2005
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Default

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
DMGF





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





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