FateAce Posted May 13, 2014 Share Posted May 13, 2014 I'm not sure if this is the best place to ask (forgive me if it nots), but a recent design issue with my website has made me think about the overall design of the site, and i thought I would ask you guys which you think is best. I'll get straight to the point: Is it better to have the webpage adjust it's size based on the size of the browser, or just an absolute size that never changes? Link to comment Share on other sites More sharing options...
niche Posted May 13, 2014 Share Posted May 13, 2014 (edited) In general, adjusting to the user is best, but not required. Please post your site's link. Edited May 13, 2014 by niche Link to comment Share on other sites More sharing options...
FateAce Posted May 13, 2014 Author Share Posted May 13, 2014 I'm actually going through a complete redesign of my website, so there isn't a version I can send you. I can give you a screenshot of the beta version. This is my beta website, viewed at 1600px in width. It's still going through changes, but the layout is pretty much the way I want it. It's currently set up to use percentages in the width property. Link to comment Share on other sites More sharing options...
niche Posted May 14, 2014 Share Posted May 14, 2014 Are you using float? Link to comment Share on other sites More sharing options...
FateAce Posted May 14, 2014 Author Share Posted May 14, 2014 I am on the header, but not much anywhere else. Link to comment Share on other sites More sharing options...
niche Posted May 14, 2014 Share Posted May 14, 2014 Float is the standard for positioning and will satisfy most of your concerns in your OP, but not all. Link to comment Share on other sites More sharing options...
FateAce Posted May 14, 2014 Author Share Posted May 14, 2014 Alright. Thank you for your help. Link to comment Share on other sites More sharing options...
davej Posted May 16, 2014 Share Posted May 16, 2014 One of the more recent design approaches is the "responsive" design where the page reconfigures itself for narrow devices such as smart phones. The basic tool for responsive design is the @media block. See... @media screen and (min-device-width: 481px) { .column { float: left; }}@media screen and (max-device-width: 480px) { .column { float: none; }} http://alistapart.com/article/responsive-web-design Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now