ShootingBlanks Posted January 17, 2008 Share Posted January 17, 2008 I have a page with a background that is a repeated image. Then I have a 600-width black "#container" div that is supposed to span the top to the bottom of the page (regardless of how much content expands the "#container"). Within the "#container" div are a few more divs... On IE7 this displays fine (I haven't tested older IEs because I can't), but on Firefox, once you put too much content in the divs within the "#container" div, it stops expanding it downward. Or else, maybe the background grid stops. I'm not sure. Here's the link to the site online to see what I mean, and I'll post my code below: A page with little content that displays properly in both browsers: http://www.americanidiotsband.com/bio.html A page with lots of content (carriage returns) in the divs: (displays fine in IE7 but not in Firefox) http://www.americanidiotsband.com/ Here is the code used: html, body { background: #000; font-family: Arial, Helvetica, sans-serif; padding: 0; color: #FFF; } #container { background: #000; width: 780px; margin:auto; padding: 5px 0 5px 0; text-align: center; min-height: 600px; border-left: 6px solid #330000; border-right: 6px solid #330000; } /* hide from IE Mac\*/ * html #container { min-height:600px; } And then in the body of the actual pages, I use: <body style="background-image: url(images/nav/bkgndGrid.gif); margin: 0; padding: 0;"> Thanks for any help that can be offered!!! Quote Link to comment Share on other sites More sharing options...
dbrimlow Posted January 18, 2008 Share Posted January 18, 2008 Both links look fine in IE to me. Quote Link to comment Share on other sites More sharing options...
bronzemonkey Posted January 18, 2008 Share Posted January 18, 2008 Looks fine in Firefox. I even repeated the content on the bio many times and the page was scolling ok. Make sure you wrap different paragraphs in the appropriate tags rather than spacing then with a line break: <p>blah blah blah</p> <p>blah blah blah</p> <p>blah blah blah</p> Quote Link to comment Share on other sites More sharing options...
dbrimlow Posted January 18, 2008 Share Posted January 18, 2008 Whoops, I meant Firefox. Quote Link to comment Share on other sites More sharing options...
ShootingBlanks Posted January 18, 2008 Author Share Posted January 18, 2008 Both links look fine in IE to me. Thanks, guys. I figured out that the problem was that I needed to add: overflow: hidden; ...to the #container div. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.