Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
Tips wanted for right positioning of page window on larger and smaller displays.
Old 03-19-2009, 11:11 PM Tips wanted for right positioning of page window on larger and smaller displays.
World's Avatar
Extreme Talker

Posts: 202
Location: Santa Monica, CA
Trades: 0
For my site I used a "jello" design with 1024x768 with margin left and right set to auto.

I put in a margin-top of 45 pixels to let the background show on larger displays.

I just looked at the browsershots for IE.

Everything was alright, except it was shown for a small, 1024x768 display.

That meant that my margin-top pushed the page downwards, and it was truncated on the bottom in the browser shot.

Of course, on a real display (not just a screenshot) there would be scrollbars to move the page up and it would fit the screen.

I just wonder if there is a more elegant version, that, when a small display is used, immediately does the scrolling and places the image window in the right place.

Can this be done in HTML? Or do I have to use Javascript.
World is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 03-20-2009, 12:26 AM Re: Tips wanted for right positioning of page window on larger and smaller displays.
stevej's Avatar
Professional Multitasker

Posts: 996
Location: Not positive
Trades: 0
I think that it's interesting that you classify 1024x768 as a 'small' display. Though it may be smaller than yours (I know it's smaller than mine), You can see here that it's the most widely used screen resolution.

But to answer your question: I'm sure there's ways to do this in CSS with some clever coding. You could different stylesheets for different browsers, fluid margins and fun stuff like that. As for me, seeing that the (basically) smallest resolution used is 800x600, I try to create my websites with a maximum width of 800 pixels. Either that, or I use a fluid width.

But I really don't know why you're afraid of the scrollbars. Just about no matter what, you'll have users that will see them. Some people browse with their window smaller than their screen, some people just have really small displays. So don't worry about them. They were made for a reason, there's really no way you can avoid them, so try to use them to your advantage.

- Steve
__________________
if($stevej == "helpful") { $talkupation += $user_power; }

Last edited by stevej; 03-20-2009 at 02:32 PM..
stevej is offline
Reply With Quote
View Public Profile
 
Old 03-20-2009, 01:08 AM Re: Tips wanted for right positioning of page window on larger and smaller displays.
World's Avatar
Extreme Talker

Posts: 202
Location: Santa Monica, CA
Trades: 0
Thanks, stevej.

I was probably perfectionist and trying to detect errors and mistakes where there were none.

So I'll rather put my attention to the designing and learning new things to create on a website.
World is offline
Reply With Quote
View Public Profile
 
Old 05-08-2009, 05:02 AM Re: Tips wanted for right positioning of page window on larger and smaller displays.
World's Avatar
Extreme Talker

Posts: 202
Location: Santa Monica, CA
Trades: 0
Update: just checked screen resolutions again.

1024x768 is fine.

Only 5% of internet users have a screen with smaller resolution than that (800x600).
World is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Tips wanted for right positioning of page window on larger and smaller displays.
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 1.03970 seconds with 12 queries