The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Does screen resolution affect website size?
JeremyHowell
post Mar 30 2008, 12:11 PM
Post #1


Newbie
*

Group: Members
Posts: 18
Joined: 28-December 07
Member No.: 4,598



Ok
I made a web site for my Dad's business (it's not published yet) and I made it on a 17" inch screen (17 or 18, don't know) and tyhen transfered it to our new computer which had a 20" widescreen and the web site became all stretched and images were where they shouldn't be, and stuff like that. I've fixed most of it but I would like to know, If I publish it, if someone views it with a screen resolution different to mine, will it stretch and ruin all the image placement and stuff? If so, then can this be avoided.

Thanks :-)
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Mar 30 2008, 01:07 PM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,366
Joined: 9-August 06
Member No.: 6



The trick is to not depend on resolution, window size and font size for your layout. That is easily said, but not so easy to describe how to do. smile.gif

Read this FAQ and the pages linked to from there.
See http://htmlhelp.com/faq/html/design.html#screen-size .

As a rule of thumb: avoid fixed widths, fixed font sizes, too large pictures and try to make it so the content can reflow (and still look good) when the window size changes. The page will never look exactly the same on every possible display. You have to settle for to make it look as good as possible on most.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
JeremyHowell
post Mar 30 2008, 01:27 PM
Post #3


Newbie
*

Group: Members
Posts: 18
Joined: 28-December 07
Member No.: 4,598



Thanks

I think I get what you mean.

Thanks again
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
JeremyHowell
post Mar 30 2008, 08:38 PM
Post #4


Newbie
*

Group: Members
Posts: 18
Joined: 28-December 07
Member No.: 4,598



One more thing, how do you center the web page in the middle of the screen like on answers.yahoo.com or www.gamespot.com?

Thanks
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Mar 31 2008, 06:00 AM
Post #5


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



See Centering Block Element at css-discuss.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Mar 31 2008, 10:22 AM
Post #6


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,366
Joined: 9-August 06
Member No.: 6



If the layout isn't a fixed width one it's enough to give BODY equal left and right padding.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
JeremyHowell
post Mar 31 2008, 01:34 PM
Post #7


Newbie
*

Group: Members
Posts: 18
Joined: 28-December 07
Member No.: 4,598



Thanks
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 15th September 2019 - 09:00 PM