homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

CSS making my life a misery
can't get positioning

 2:00 am on Feb 24, 2003 (gmt 0)

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?



 2:09 am on Feb 24, 2003 (gmt 0)

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.


 2:20 am on Feb 24, 2003 (gmt 0)

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?


 2:42 am on Feb 24, 2003 (gmt 0)

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.


 9:37 am on Feb 24, 2003 (gmt 0)

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..



 4:11 pm on Feb 24, 2003 (gmt 0)

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?


 4:24 pm on Feb 24, 2003 (gmt 0)

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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved