Layout

[hooloovoo24]

I'm not sure if this should be posted here or where, but here I go. What is the best way to lay out a site so that it doesn't matter what resolution the screen is set at, the site will still look good?

[soccer362001]

Do you mean height and width wise, or the actual layout of the site?

[hooloovoo24]

well, both. Like, would it be better to use tables or divs, would it be better to do percents or just scale everything down? etc. etc. etc. Any tips regarding this would be highly appreciated.

[soccer362001]

Since I have not worked with fluid layouts, I prefer just using widths that are a little larger than the 8*6 resolution. Like 850-900px is usually what I use, and have never had any complaints. Your best bet is always to use divs instead of table for layout. Tables were meant for tabular data.

[hooloovoo24]

yeah, that's pretty much what I figured (about the tables). But if you use something a little bigger than the 8*6, (which isn't that what most people have?) then won't most people have to scroll over to see the whole page?

[soccer362001]

Not with the way I do it. I usually make sure all my content is readable within the 8*6 screen resolution. I just make the graphics a little larger. If you want an example of what I mean you can go to www.rgabbard.com/main.php

[hooloovoo24]

Ok...I'll have to think about this for a while...I'll let you know if I need more help. Thanks!

[hooloovoo24]

OK now...if I use divs as, like, layers, how can I make them relative...I think that's what I want...so that if you make the window smaller, their position will be not a specific pixel amount from the top or left, but, like...ugh this is hard to explain. So that they will be...relative...to the rest of the content on the page. OK hopefully you can find a shred of sense in that and maybe understand what I'm trying to say. If not, I'll have to try again...

[soccer362001]

You can use percents to position as well. That way if the browser is resized, the layout will move with it, or if a different screen resolution.

[hooloovoo24]

And I would do that with...CSS?

[soccer362001]

Yes

[hooloovoo24]

OK: can someone explain to me the differences between Absolute, Fixed, Relative, and Static positions?

[NogDog]

Originally posted by hooloovoo24
OK: can someone explain to me the differences between Absolute, Fixed, Relative, and Static positions?
http://www.w3.org/TR/CSS21/visuren.html#positioning-scheme