Click to See Complete Forum and Search --> : designing for all resolutions


emshomer
09-03-2004, 08:23 AM
Im trying to design a site that is centered on the users pages, my dilema is that i cant seem to find a way to make the layout look good on 800 by 600 and 1024 by 768, I figure that my lowest resolution would be to devlop for 800 by 600 so at least my site would look good in that resolution, my problem is that i am nesting to tables into each other...I use dreamweaver and the 1 pixel borders in dreamweaver look like they should really be a 5. So by creating a white table and then a grey table inside(color of my site) i create a thin white border, which i happen to like. At first i wanted to use pixel width and find a "magical" script that would resize the page to the user resolution, but i could find no script. So i decided to go liquid and change my pixels to percentages. All looks good when in 8 by 6 but when i change my res to 1024 the tables spread out to fit the screen meaning that you see the white table behind the grey table and its looks horrible.

Does anybody know of a solution to this dilema, is there a way to keep my tables from expanding without changing the percentages back to pixel width or is there another solution entirely. here is an example of what my page looks like so far...the tables are set to pixel width just so you get the idea of the design of the site.

http://home.comcast.net/~emshomer/Main.htm

Vladdy
09-03-2004, 08:29 AM
Originally posted by emshomer
<snip /> my problem is that i am nesting to tables into each other...<snip />

You said it!!!

emshomer
09-03-2004, 08:35 AM
So if i wanted to keep my central design of nested tables i would have to remain at a fixed pixel width? to keep it centered would i just add margins. would there be a way to get rid of the horizontal scrollbars

sharkey
09-03-2004, 08:47 AM
Use css a div which is a container with the style margin:0 auto with a fixed width that should work and will keep center in all resolutions.

PhillMc
09-03-2004, 03:28 PM
It looks the same in both FF and IE in 1280-by-1024 resolution.

I must also agree with Sharky; A styled division layout would be the better way to go. Check out the CSS and HTML tutorials link in my signature; they'll tell you what you need to learn. :)

Just a note: I didn't want my scrollbar color changed. :(

emshomer
09-03-2004, 04:39 PM
Thanks for the help...ill try that...I dont get why people get so pissed off about the scrollbar...its not like the scrollbar is changed permantaly its just when you go to the page

PhillMc
09-03-2004, 05:17 PM
Originally posted by emshomer
Thanks for the help...ill try that...I dont get why people get so pissed off about the scrollbar...its not like the scrollbar is changed permantaly its just when you go to the page

It's because it's part of MY browser, not your site. When styling starts jumping off the page onto my browser's chrome, then that's too much; even if it's temporary. I'm not pissed about it, but it's not something that should be done. Most of the folks here will agree with me. :)

Anyway, good luck on your site. :)

emshomer
09-03-2004, 06:22 PM
Well, that sucks, sorry i had no idea, i guess ill have to test it out on many different browsers and monitors. Anyway i got it to work on both resolutions, its not optimal and i have a lot of gray space when in higher resolutions, but i guess i have to comprimise