School Assignment? Project Due Tomorrow? Chat LIVE With A Programming Expert!

Welcome to Dream.In.Code
Become an Expert!

Join 307,089 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 2,089 people online right now. Registration is fast and FREE... Join Now!




Scaling my design

 

Scaling my design

bridgeuk

27 Oct, 2009 - 10:32 AM
Post #1

New D.I.C Head
*

Joined: 21 Oct, 2009
Posts: 42

Hi guys,

I know this is a really easy question but when depending on what computer I load my website up on the size of the overall site changes (due to the layout & pixels) what is the best way to design my website so that it fits all screen perfectly? Is there a piece is code I can use in my .css document?

Thanks

User is offlineProfile CardPM
+Quote Post


iphoneorange

RE: Scaling My Design

27 Oct, 2009 - 02:16 PM
Post #2

D.I.C Head
Group Icon

Joined: 20 Aug, 2008
Posts: 145



Thanked: 17 times
Dream Kudos: 75
My Contributions
QUOTE(bridgeuk @ 27 Oct, 2009 - 10:32 AM) *

Hi guys,

I know this is a really easy question but when depending on what computer I load my website up on the size of the overall site changes (due to the layout & pixels) what is the best way to design my website so that it fits all screen perfectly? Is there a piece is code I can use in my .css document?

Thanks


I can think of 3 answers:
1. You design for the smallest common resolution, and use fixed widths the only problem is that on a huge screen (like an iMac) you get a lot extra empty space.

2. You design with percentages (like 50% of the screen). The only prob is on a large screen, it'll stretch out and and might look bad.

3. If you know javascript, you can detect the users screen resolution. Once you have that, you could make it that they see pages optimized for there screens
http://www.pageresource.com/jscript/jscreen.htm

Hope i helped
User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic

Time is now: 11/21/09 11:19AM

Live Help!

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter Fan Us On Facebook

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month