treehouse : what would you like to learn today?
Web Design Web Development iOS Development

minimized layout - how to keep it all together?

  • I've notices when minimizing pages using firefox3 or
    opera 9 on pages like http://www.mozilla.com/en-US/firefox/ or
    http://www.microsoft.com/en/us/default.aspx
    and of course http://css-tricks.com/

    the complete page gets smaller in ratio to it' full size.
    what styles are needed to get this appearance/function?
  • I assume you're referring to what's called a fluid layout, where the site grows/shrinks to fill the user's screen? This is done by using relative widths (specifically percentages). If you assign percentages to any element, the browser can scale it accordingly.
  • They utilize a fixed width content wrapper centered on the page. Check out the link for an explanation.

    http://www.how-to-css.com/css/how-to-center-your-page-with-css/
  • Thanks for the swift response's,
    I don't know if it is a
    CSS rule but what worked for me was
    after I turned
    off a stray 2nd instance of
    {margin: 0 auto;}
    it fixed it's self up.