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:

http://blog.teamtreehouse.com/whats-the-difference-between-fixed-fluid-adaptive-and-responsive-web-design-treehouse

depending on decision, next steps different.


Comments

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -