[URGENT] Sidebar background not full width of container

  • andrewwebdesigner

    (@andrewwebdesigner)


    14 years ago

    This is urgent, this website is supposed to launch by Monday, and I am working on the finishing touches.

    I have never run into this problem before, but I have my sidebar and content DIVS in my one container DIV, and my container, sidebar, and content DIVS all have the overflow:hidden code, and the content DIV is float: left.

    Now my content height is longer than my sidebar, and my sidebar background image which is a gradient repeat-y, will not continue down to the bottom of my container div, it just stops with the last word of the last widget.

    What is the problem?

Viewing 1 replies (of 1 total)
  • katyakarski

    (@katyakarski)

    The problem is your sidebar div isn’t long enough. Put a border around it and see. The content isn’t in the sidebar, so it doesn’t stretch the sidebar, you follow?

    The way to fake this would be to put a background image in your container div, which is partly one kind of background, and partly another.

    like this for example:

    ________________|||||

    If that were one image, you’d have a different background on your content than you do on your sidebar, but it would be applied to the container.

    If the left side is just a solid colour for example, then you don’t need to make a new image, just apply your sidebar background to the container, and align the background to the right hand side, repeat-y.

Viewing 1 replies (of 1 total)
  • The topic ‘[URGENT] Sidebar background not full width of container’ is closed to new replies.