RSS Feed
Twitter
I have a sidebar and a division of main content, which are adjacent to each other, but when I make the browser screen moves smallest division is the main content on the screen, under the division Sidebar with a Large White space because the contents of the main division of a few pixels high. How can I avoid this, press the divisions among them and make them smaller, causing the text on the screen like I do at smaller screen browser. Example code would be very apreciada.Gracias.
How can I make my web pages adjustable according to the size of a browser screen?
Posted by admin on May 25th, 2010
Posted in 
Tags:
Instead of using pixels (XXpx) for the size of your website, percetages use. If you want a web page in full screen, the size of the sections of the body to 100%. Good luck! If you need more help and advice, please contact me.
Try this in the css: body (width: 90%; margin: auto; min-width: 600px; max-width: 2000px)
Use percentages instead of pixel sizes and wide margins. For example: # containers (width: 100%;) # sidebar (width: 24%; margin-right: 2%) # Main (width: 74%;)
I assume you are using css divisions because you are using, try this in your CSS body (min-width: 25th;) # side (float: left; Top: 0px; width: 17%) # Main (float: right, top: 0px; width: 77%), you probably already know, but seeing your site does not know the structure that is utilizando.a as percentages of the width of columns may stretch and reduce the window size open columns at the time, so I used ‘body (W-min to prevent the floats suceda.el left and right column of the sides and ensures página0px column superiorpara try this Search in a browser