html - My website mess up with browser resize -
below ideal of website http://i44.tinypic.com/jayyhu.jpg
but doesn't same in computers. checked browsershots . org , website mess in browsers. mess when resize browser.
perhaps it's because don't horizontal scroll on browser resize. please suggest me ways fix it.
my website url http://come2chat.x10host.com
if doesn't open please refresh window. using free webhost during development period , it's not reliable.
i think biggest problem using margins , paddings center content in screen , makes more difficult.
instead, create wrapping div
, set margin: 0 auto;
it.
i made small change in page, can check here:
http://www.radiogramola.cat/stack/u.html
i added 2 div class "wrapper" , css resets. can check code.
then, should decide kind of layout want create:
- fixed: stackoverflow.com, when user resize window, page not change.
- fluid: wikipedia.org, expands occupying available space , adapts browser size.
- responsive: css-tricks.com, changes layout depending on browser size.
you can view video visual explanation:
depending on decision, next steps different.
Comments
Post a Comment