Keith Devens .com

You really want to bookmark test57. It is the answer to all footer at the bottom while using CSS instead of a table with height="100%" (you there, put away that gun) problems you might have. (What a sentence.) I have used it a few times over the past few years and found it extremely useful and simple.

Ooh, maybe I'll de-table-ify my site now.

Update: Hah, I'm still right. Test57 doesn't show off why that layout breaks compared to tables. And... I tested it and I'm right. Try assigning a background color to the "nav" element in test57 and see what happens. Lame.

Anyway, there are other css-based column layouts I've seen that might not have this problem... maybe I'll revisit this later.

Permalink | 3 Comments | Tags: Programming, This website | id 7824

01:25 (utc-5)
edited: 01:57 (utc-5)

Comments

Use a repeating background image on the root element (or the body element in HTML).

∴ Anne van Kesteren | 4-Jan-2006 4:39am est | http://annevankesteren.nl/ | #8952

Not only is that a pain for no real benefit, it makes my layout not resizable. That's easy to do with a nav on the left, but not on the right.

∴ Keith | 4-Jan-2006 11:40am est | http://keithdevens.com/ | #8953

Make it a very wide image? (Like 6000px, does not take any space.) It will save you quite some bandwidth in markup. I actually thought most people were no longer using tables for layouts by now :-)

∴ Anne van Kesteren | 5-Jan-2006 3:10am est | http://annevankesteren.nl/ | #8958

Feel free to post a comment below. Please see my comment policy.

Formatting Rules (No HTML):

**bold**, *italic*, _underlined_, --strikeout--
"text"="url" creates a link, and URLs are auto-highlighted
Blockquote: Like e-mail, begin paragraph with > (greater-than sign)
Lists: begin paragraph with *,-, or + (unordered), or # (ordered)
Code block: ?!code:language=perl|php|sql|javascript|etc.{\n}...{\n}?!/code

RSS feed RSS feed for Keith's Weblog
Atom feed Atom feed for Keith's Weblog
Weblog archive
Recent comments
on 4 posts

Wednesday, January 4, 2006

test57 - Anne’s Weblog about Markup & Style

Comments

Recent comments