CSS Frames updated
Today I checked my CSS Frames demo in IE5/Win for the first time. I discovered that things were a bit broken. Hrmm. Ooops. What I thought would happen is that the whole page would scroll. And, well, it did, but the footer scrolled with it, covering parts of the content. Not too surprising since I had used position:absolute to put it at the bottom of the window in IE5/Win. Duh. So I made a couple of changes to the CSS, and now the demo works as intended.
- Previous post: Moving to Movabletype
- Next post: Practices and Patterns
Information, sponsorship, and externals
About the author
Roger Johansson is a Swedish web professional specialising in web standards, accessibility, and usability. More about me and this site.
Latest articles
- Validation statistics from Nikita the Spider Comments off
- An analysis of the sites crawled by the bulk validation tool Nikita the Spider during March 2008.
- Authentic Jobs API and Affiliates program Comments off
- The Authentic Jobs job listing service now has a public API and an affiliate program.
- What does Acid3 mean to you and me? Comments off
- Opera and Apple have announced that their web browsers pass the Acid3 Browser Test, but how will that help web designers and developers?
- Designing Web Navigation (Book review) Comments off
- Learn the fundamentals of navigation design and design better navigation systems for large and small sites as well as for web based applications.
- DOMAssistant bundle for TextMate Comments off
- To save keystrokes and speed up development I have created a DOMAssistant bundle for TextMate.
- First impressions of Internet Explorer 8 Beta 1 Comments off
- My impressions after trying out Internet Explorer 8 Beta 1 for a couple of days.
Comments
Hi,
I think this demo is amazing, and I would like to 'borrow' some of the code :-) There is one thing I can't get to work, which is the background color of the 'middle' area, if the content in this area is not enough to let a scrollbar appear.
To make it a bit more clear: if we remove all text below the title 'How does this work', and we reduce the <ul> to just a couple of items, the area below this is dark gray (the background color), and the columns don't continue.
Is there a way to fix this?
Cheers Mark
Unfortunately I haven't been able to find a way to do that. Faking it by using a vertically repeated background image on the <body> could work if you remove the horizontal centering.
Sorry, comments are closed for this post.