Guest micmouse33 Posted May 13, 2009 Report Share Posted May 13, 2009 Hi, I read a post somewhere on this forum but can't find it now. I am trying to figure out how to make my website change size according to other people's monitor sizes. I saw my site yesterday on a really large monitor and it looked terrible. I am fairly new to web design and still learning. The post I was reading was talking about making the page "fluid" or something like that, and said I had to change something in the code to 100% rather than a defined number of pixles. Can someone help me out in a bit more detail...like beginners terms lol. Thanks to anyone who can assist. Quote Link to comment Share on other sites More sharing options...
rudyten2000 Posted May 13, 2009 Report Share Posted May 13, 2009 if you google for "fluid layouts" you will get alot of good topics on this. Check out this site. http://layouts.ironmyers.com/. It might be helpful too. Quote Link to comment Share on other sites More sharing options...
Wickham Posted May 13, 2009 Report Share Posted May 13, 2009 Essentially you make all element widths a percentage so that all of them in a row plus padding and margins all have % widths and add up to 100%; except that borders cannot be % widths so you may have to make the total 99% or 98% to allow for borders in px. Images can be resized with % widths too; if you don't state a height then the image heights will be resized in proportion. It's not easy and you may find that your page looks very squashed up at 500px resolution or too spaced out at 1920px resolution, but modern browsers can be set with max-width and min-width which helps. Quote Link to comment Share on other sites More sharing options...
nandinichatterjee Posted July 9, 2012 Report Share Posted July 9, 2012 How can I use height in percentage? Quote Link to comment Share on other sites More sharing options...
beermantm Posted July 12, 2012 Report Share Posted July 12, 2012 How can I use height in percentage? You can apply a height but you shouldn't really need a height. In percentages you want to focus on widths mainly. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.