user919633
user919633

Reputation: 1

CSS how to make a website scalable for 1600x1200

Im trying to make some sort of liquid-fixed weblayout with CSS. The problem is that the site isn't very big, so when users with big screen resolution visits the site it looks very small and empty.So I need the menubar(which is located in the bottom) and some of the main elements to use some more screen space, when visited with larger screen resolutions. Sort of "scale to fit" can anybody help me out please?

My CSS styling as for now is just made as a fixed weblayout.

Upvotes: 0

Views: 2886

Answers (2)

Ash Clarke
Ash Clarke

Reputation: 4887

You might find this useful too, if you are looking for a cross-browser method for responsive web designs. It's called Respond.js:

https://github.com/scottjehl/Respond

There are also some good snippets and theory in this article from Smashing Magazine:

http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

Here is some more information from WebDesignerDepot:

http://www.webdesignerdepot.com/2011/09/the-ultimate-responsive-web-design-roundup/

EDIT: Updated with a nice new anything and everything roundup from WebDesignerDepot

Upvotes: 0

benhowdle89
benhowdle89

Reputation: 37504

Read this: http://www.alistapart.com/articles/responsive-web-design/

and try to avoid using PX for widths, use % more :)

Upvotes: 1

Related Questions