Problems with background image and sidebar

  • 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?

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

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

    </div>
<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

    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.

    -Brendon.

    Thread Starter cicampbell

    (@cicampbell)

    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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Problems with background image and sidebar’ is closed to new replies.