2 replies [Last post]
fuzzystar
Offline
newbie
Last seen: 18 years 20 weeks ago
Joined: 2004-07-15
Posts: 6
Points: 0

Hello,

I've decided never to make a website with tables again if I can at all help it but I'm finding this layout business a bit tricky so far.

I've got this very basic layout set up for my own website ( http://www.fuzzystar.com/smtc/header.htm ) but I can't get the right hand column "col3" to line up exactly with the header column "right". It looks almost aligned at my screen resolution (1400 x 1050) but when I reduce this or minimise the browser it indents and looks a bit silly. The left hand column seems fine however.

Any pointers would be gratefully appreciated, I'm determined to learn this stuff but I've spent a couple of evenings just on this now and i'm getting nowhere.

I'm using Dreamweaver MX & IE 6 on Windows XP.

Thanks in advance Laughing out loud ,

Andy

co2
co2's picture
Offline
Leader
UK
Last seen: 14 years 33 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

Help, I'm sure this is probably a basic error.

The simple solution would be to use the declaration right: 0; or right: 20px; (whatever distance you want from the right edge) on col3 (remove the left: 72%; declaration though).

However, you've seemed to use absolute and relative positioning where it perhaps isn't needed. You need to try and get into developing layouts without absolute and relative positioning unless absolutely necessary.

Using floats and margins will get you a lot further, quicker.

Here's a very simple example I did a while ago for someone else's question: http://pub.c-o2.net/cssf/3colcontent.htm

Only floats and margin etc.

Smile

The next sentence is true. The previous sentence is false. Discuss...

fuzzystar
Offline
newbie
Last seen: 18 years 20 weeks ago
Joined: 2004-07-15
Posts: 6
Points: 0

Help, I'm sure this is probably a basic error.

Thanks very much. I didn't know you could develop layouts without absolute or relative positioning at some point. I went to a course at work for making more accessible websites and they always declared absolute or relative positioning so I just thought I would have to.

Thanks again,

Andy Smile