All Posts by Email, Once a Week

Media Temple logo

CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.

100% Width Background

  • # August 14, 2010 at 6:06 pm

    I’m attempting to do a 100% width background. It works at first glance… however if you resize the browser smaller then my main 960px width and horizontally scroll to the right side of the page.. anything that is suppose to be 100% is cut off.

    Here’s what I mean:
    http://cl.ly/1yrt

    Here’s my code:

    Code:
    #column-full-width { width: 100%; background: url(image.jpg) repeat top left; height: 100px; }
    #column-inside { width: 960px; margin: 0 auto; }

    Some Content
    # August 15, 2010 at 12:03 am

    This reply has been reported for inappropriate content.

    I believe 100% refers to the browser window. So it is actually 100% width.

    # August 16, 2010 at 12:09 am

    I found a solution actually… put a min-width on the body. :)

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed