Grow your CSS skills. Land your dream job.

minimized layout – how to keep it all together?

  • # October 14, 2008 at 2:46 am

    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?

    # October 14, 2008 at 3:33 am

    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.

    # October 14, 2008 at 11:44 pm

    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/

    # October 15, 2008 at 12:04 am

    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.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".