davidjaymz — Wed, 21 Jul 2004 08:49:52 +0000

Looks good. Well done

andy206uk — Wed, 21 Jul 2004 08:36:48 +0000

You got it! Nice one!

Quote: For a moment I thought you were talking about the hair...

lol... would be a tough challenge. I'm tempted to try it though!

fifeclub — Tue, 20 Jul 2004 16:50:01 +0000

UPDATE:

Incase this helps anybody else, I solved the problem and it was very simple.

http://www.shootingstorm.com/index2.php (no links on that page work)

#navigation {float: left; width: 120px;}
#content {margin-left: 145px;}

That was all it needed was a simple margin-left on the content area. I haven't tested all possible browsers but it's 100% valid code and works in Firefox and Internet Explorer.

P.S. This is my first valid XHTML page (as opposed to valid HTML4) and my first page that relies almost entirely on CSS for display. Woo!

Abhishek Reddy — Fri, 16 Jul 2004 08:49:10 +0000

andy206uk wrote: I've been toying with an idea of changing my blogs colour scheme based on the time of day (light green in the morning, bright green during the day and dark green at night!). Should be fun!

For a moment I thought you were talking about the hair...

andy206uk — Fri, 16 Jul 2004 08:32:57 +0000

Bear with it mate! CSS takes some getting used to, it's a whole new way of designing but trust me! it's TOTALLY worth it! (once you learn to mark up your (x)html correctly you can change the whole design just by changing the stylesheet!

I've been toying with an idea of changing my blogs colour scheme based on the time of day (light green in the morning, bright green during the day and dark green at night!). Should be fun!

davidjaymz — Wed, 14 Jul 2004 16:03:53 +0000

If you wanna do it in CSS look seriously at the two colum layouts suggested above. http://bluerobot.com/web/layouts/layout1.html is virtually like what you have done so far.

Tables are still valid because your meant to use them for tabled content. NOT for website layout. sorry buddy but thats the way it is.

fifeclub — Wed, 14 Jul 2004 15:45:55 +0000

I've been fiddling with this for a while now (offline).

Adding a "float: left" to the main area (after the menu already had a "float: left") fixes the problem easily in MSIE but in Firefox it forces the main area down underneath the menu. Adding a "overflow: auto" to the main area fixes the problem in Firefox but ruins it again in MSIE. And combining float and overflow just doesn't work either. Absolute positioning works well but the right side of the main menu never lines up correctly wit the body margin I set for the whole page.

QUESTION: I was trying to do everything in CSS but is it all that horrible if I used a two column table for this? Tables are still valid HTML so what's the harm, as long as I control the variables of the table (heights widths bordes backgrounds etc) via CSS?

davidjaymz — Wed, 14 Jul 2004 08:00:55 +0000

I'd agree with abhishek look into two column layouts.

you could use a "prop" to make it longer than (or as long as) your main content but then you'd be setting a 2 column layout with out the centre column and it'd be easier to do the 2 column thing.

gohankid77 — Wed, 14 Jul 2004 03:37:36 +0000

You could use

around the text I think. I don't use it or float much right now since I'm new to both. That should work though.

Abhishek Reddy — Wed, 14 Jul 2004 00:03:31 +0000

What you want is a two-column layout:
http://www.bluerobot.com/web/layouts/
http://glish.com/css/
http://www.alistapart.com/articles/fauxcolumns/
http://www.alistapart.com/articles/negativemargins/