Friday, 15 April 2011

CSS Screen Resolution -



CSS Screen Resolution -

i'm developing website, more specific, one: http://securitybreak.tk. problem when adjust screen resolution, webpage looks lot different in resolution i've build (1600x900). tried many things, such as:

body{ width:100%; }

but doesn't seem work!

thanks in advance!

you need add together width property elements want scale. don't add together body, create container. locate divs within it.

i'm adding code here create more comfortable read:

<style> #container { width: 100%; } #left { width: 50%; background: #123456; float: left; } #right { width: 50%; background: #654321; float: left; } </style> <div id="container"> <div id="left">left</div> <div id="right">right</div> </div>

notice changing screen size smoothly changes elements size.

css resolution

No comments:

Post a Comment