Problems with background image and sidebar (4 posts)

  1. cicampbell
    Posted 8 years ago #

    Site: website

    I've got two problems, first and most important is that the background image on my main content div doesn't go all the way to the bottom of the content but rather stops at the bottom of the sidebar. This only happens in firefox.

    Second problem is that in IE7 the sidebar shows up in the right column like it's supposed to, but at the bottom of the content instead of near the top of the page.

    Anyone have any ideas?

  2. @mercime
    Volunteer Moderator
    Posted 8 years ago #

    add <div style="clear:both;">&nbsp;</div> just before

    <div id="footer">

    Of course there are other ways to do escape float to expand container so the background would show, but this works well for me ;-P

  3. Brendon Boshell
    Posted 8 years ago #

    You'll need to put <div style="clear: both;"></div> (or use your stylesheet) just before </div> <div id="footer">. This fixes your first problem.

    For your second problem, your sidebar should also be floating left. In CSS definition for #sidebar, add float: left. You will need to remove the left margin, and maybe reduce width/padding.


  4. cicampbell
    Posted 7 years ago #

    First problem fixed, but floating the sidebar makes Firefox display it like IE7 with the sidebar appearing at the bottom of the main content. In IE7 it still does that but now the background image only appears at the bottom for the height of the sidebar.

Topic Closed

This topic has been closed to new replies.

About this Topic