CSS making my life a misery

can't get positioning

[troi21]

I want my site to look the same on both resolutions
800x600 and 1024x768. It is supposed to be a postcard effect with all the information on the screen without the need to scroll down. I designed it for 800x600 and it looks great. i did all the positioning etc with css. now i am trying to ensure that 1024x768 can view the same effect. The only reasonable method i have found is using javascript to detect the resolution and redirect to another version of the page. This would mean resizing the images and creating new css stylesheet (using percentages didn't work well). I came across a script that would detect the users resolution and if 1024x768 ask them to resize the window. Is this bad idea?

[tedster]

It gets even crazier - what you really need is the available size of the WINDOW, not the browser's resolution.

I would, personally, suggest being satisified with the effect in one common window size. What you're aiming for is much more of a print sensibility than a web sensibility.

I've seen some commercial sites that generate a pop-up in the exact size they want for their postcard effect. But I shudder at trying for it in all possible window sizes.

[troi21]

if about 40% of web users are at 800x600 and abou4 40% are at 1024x768. won't i be alienating some of my viewers? if they resize their window slightly, everything is great. might a message expressing this, save my design?

[tedster]

Most people either ignore (best case) or get irritated if you ask them to change their browser to suit your design. And as I said above, just because someone is running at 1024, that doesn't mean full screen, no hotlist, same toolbar setup.

Screen resolution does not measure available space.

If you have a ton of development time in on this design, I'd give thought to opening a pop-up window, sized precisely the way the design requires.

[SuzyUK]

also you might try horizontal and vertical centering..

See Vertical Centering with CSS [wpdfd.com] (below the advert banner) for an explanation of how to center vertically. Though it does reqire an extra div for to make Opera play..

Suzy

[troi21]

thanks for the help.

i am having a hard time adapting those principles to my layout.

i really want to know what the point of all of this is?

why use css if i can just use tables, make the measurements in percentages and not have to worry about this at all?

[SethCall]

because (turning into Nick_W)

By using CSS, you can almost always get the content of your page much closer to the actual flow of the page.

When you use tables, search engines have harder time figuring out what and how you are trying to say it: meaning the wonderfully designed CSS site will show up higher in the rankings.

Tables ruin the logical flow of a page. Thats basically the short and sweet of it.

And, of course, you can only pray by the time IE 7 comes out, that standards will actually be persued.