Welcome to WebmasterWorld Guest from 22.214.171.124
Forum Moderators: not2easy
I'm trying to find out how to design my web site so that it fits "correctly" in all window sizes. The site layout was created using tables (because I didn't know a better way) and they work to create a frame. I thought I had it perfect when I was looking at it on my laptop, then I went to work, hit the 21 inch and freaked. WHat's up! do I need to include some sort of "set table to" elseif kind of tag (I'm sure I'm not even close on that logic). Please help.
Theres no way really to make your site conform to different sizes for different resolutions, just take comfort in that the person who views it at 1600x1200 will be accustomed to sites looking a little sparse sometimes and the person who views at 640x480 will be used to having to scroll!
Tables in my opinion are a reasonable way of laying things out especially if you use percentage sizes as this means your page will resize fairly gracefully at different resolutions (of course unless you are talking about tables that stick back together sliced images).
One last thing, dont forget that people dont always surf at the same sized window regardless of resolution, I may be on 1600x1200 but my browser isnt maximised, my toolbar buttons are small with no text and I have the google bar installed, all these things impinge on screen space.
The only thing you can rely on is no matter what you design for somebody will have a different setup to you :)
It's really a layout & design issue. Personally, I'm just now expanding my tables to width=700 from the old 600. I'm not yet ready to go to percentage tables for the content area. If I add percentage space, it's likely to be a right-hand column for sidebar and/or affiliate links. Tedster had a good thread on this, take a look:
And welcome to WebmasterWorld.
I'm currently working on a scaling site layout that will be set to 100% screen width, but I'm also somewhat counting on the fact that 800x600 is still the most common screen size, folks with *huge* monitors will be using browser windows at less than full-screen size, and that folks with smaller monitors *will* use full-screen browser windows...
I don't think any layout will ever look perfect (or, in some cases, good) on all monitor sizes, until someone comes up with a way (besides Flash... 'cause Flash just isn't "there" yet) to detect screen size and scale text and graphics to fit...
From what I've seen, that seems to be the standard MO for 21-inch users. I run 17-inch set at 800x600 and a large screen (15" ??) laptop at 1024. The 700p width tables are fine on both.
Usually if I expect a lot of AOL people coming to the site I will max out the width at 630 so they don't have to scroll. You wouldn't believe how many AOL people never make that little window bigger....
Good point. With 20-something million users, AOL is always something to consider.
>You wouldn't believe
Unless you're writing to a geek's monitor, I'm convinced that whatever comes out of the box is what John Q. uses -period. They won't even play with the settings. That's why I get so many ISP referred SERPs, it's on the screen already.
The equipment was probably set up by a geek, but the site will be making its impression on business people with geek-like settings that they can't be held accountable for ;)
BWA-Ha-Ha... hee... You've met my boss? ::sniffle:: *hee-hee*
I'm convinced that whatever comes out of the box is what John Q. uses -period
That's very true. And I'm darned glad we're not pitching to AOL users en masse... we've got some good rankings on AOL, and they *still* don't send us much traffic, so I'll just continue assuming 700p is a safe minimum width.
Well... You have to consider the demographic of the AOL user. We are talking about the Hyundai of ISPs here. for the corporate (mostly biotech) sites I develop they don't even appear on my radar screen; my logs prove it. So I have no problem designing to an 800x600 standard.
On the issue of layout, slicing and percentage tables. I find it useful and attractive to constrain one table dimension to an absolute; usually width. That way you can have top navigation that is a sliced up gif in a nested table, then your text content below in cells that expand vertically for users who want to use their browser to up-size text.
By following good design philosophy and "chunking" your information, you should be able to set the sidebars to px and let the columns in the middle float on %.
Creative use of white space will become the new, hot job opportunity in web design as we approach larger and larger screens.
<div id="regulartext">This is regular looking text</div>
Keeping to the very basics allows you to enjoy a lot of the CSS benefits (increased readability, fewer cross-platform text-size problems) without the Netscape support problems, as Netscape seems to support the above specifications in an external style sheet just fine.
There are a lot of great CSS conversations and tips to be found in our HTML forum [webmasterworld.com]... since this is definitely getting a *wee bit* OT for "Graphics" :)
Edited by: mivox
It can be donne. You will need to use some tools.
Im doing a site right now, and they require that. To fit any screen size. Bc they found one site that does exactly that. No matter what screen res you have. it will fit perfectly.
Dont ever give up man. If some one says It cant be donne, well do it and show them you can do it.