Min-Width Quirk

For those of you who applied Vogue from the Shopify admin, the is a quirk that you’ll DEFINITELY want to fix. If you downloaded Vogue from this site, the issue has already been resolved. At any rate, take a look at this horrid screenshot…

Min-Width Min-Width Quirk

You’ll notice the backgrounds of the inner divisions don’t span the width of the browser when it’s less than the width of the container, which is 875 pixels. This is definitely not a good thing, but I believe it’s limited to Safari and Firefox. Fortunately, we can quickly fix this.

We simply need to add min-width: 875px; to #header, #mini-header, #layout and #footer in stylesheet.css, sea.css, and caramel.css…

Here’s an example of the header id in stylesheet.css…

#header {
    color: #fff;
    background: #9b0103 url(header.png) repeat-x center top;
    min-width: 875px;
}

Repeat that for each of the id’s mentioned above in all three stylesheets, if you intend to use either of the others at some point. Well, were good to go again. Sheesh!

Posted by Jared Burns on August 22, 2007.
Krop creative jobs
Auction Ads increase your site's income

About Vogue

Subscribe

Recent Weblog Entries

Best Sellers