[darren132]

Originally Posted by Vicious

I don't know if you have tried it, but here in FF and IE7, it expands always from the bottom of the header to the top of the footer. Haven't checked in IE6 though.

I don't understand what you mean with "red & blue bar are collapsable".

Anyway, I'd prefer adjusting my layout so that it works with CSS only, rather than relying on javascript to fix the layout. Perhaps it sounds strange to you, but there are always people who don't have JS enabled, so how does your page look like to them?

Basically the red and blue bar don't always show up as they're not suppose to all the time only when they're needed. I see you don't have a fixed footer in place that remains at the bottom of the screen at all times, as that's one of the hardest parts. If I could use just CSS, then I would, but so far I haven't had any luck with the kind of layout that I want, which is why I've had to resort to javascript. For people without javascript, I'll just detect if they have javascript and if not, I'll then enable the main scrollbars for them so that they can scroll down the page.

[Walkere]

Originally Posted by Vicious

I don't understand what you mean with "red & blue bar are collapsable".

If I understand correctly, he means you can toggle them on and off.

So, for example, you can hit a "minimize" button that makes the red and/or blue bar disappear until you click a button to make them re-appear.

I agree with you about using css whenever possible, and your solution looks to be a perfect implementation of a static version of this page. The problem is that making part of the page dynamically appear/re-appear is going to take some kind of javascript...

You could use a combination of the two, though. For example, you use this stylesheet as the basic method. Then, use javascript to edit the positioning attributes when you want a piece to "hide."

That allows the site to work perfectly when there's no javasript enabled - it just prevents you from hiding the red and blue bars.

- Walkere

[Vicious]

That indeed would be my preferred solution too Walkere. That would be a good use of Javascript. Using it to detect if the browser window is resized however, I don't like. Maybe for an intranet, where everyone is using the same browser... but not for the Internet

[darren132]

Originally Posted by Walkere

If I understand correctly, he means you can toggle them on and off.

So, for example, you can hit a "minimize" button that makes the red and/or blue bar disappear until you click a button to make them re-appear.

I agree with you about using css whenever possible, and your solution looks to be a perfect implementation of a static version of this page. The problem is that making part of the page dynamically appear/re-appear is going to take some kind of javascript...

You could use a combination of the two, though. For example, you use this stylesheet as the basic method. Then, use javascript to edit the positioning attributes when you want a piece to "hide."

That allows the site to work perfectly when there's no javasript enabled - it just prevents you from hiding the red and blue bars.

- Walkere

Ya, that's exactly what I mean. I've been trying to work out a reasonable layout that doesn't require so much javascript.

Originally Posted by Vicious

That indeed would be my preferred solution too Walkere. That would be a good use of Javascript. Using it to detect if the browser window is resized however, I don't like. Maybe for an intranet, where everyone is using the same browser... but not for the Internet

If I have to use javascript for the collapsable bars, then I might as well use javascript for the page to resize to the browsers size as I will be using javascript anyways. If the user doesn't have javascript enabled, I can just work around that by providing a different layout. If I can do most of it in CSS though, then that's what I'm looking for. I only want to resort to javascript if I really need to as I don't really care for javascript to begin with.