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!!! Link to comment https://forums.phpfreaks.com/topic/86488-css-not-displaying-correctly-in-firefox/ 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. Link to comment https://forums.phpfreaks.com/topic/86488-css-not-displaying-correctly-in-firefox/#findComment-442467 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> Link to comment https://forums.phpfreaks.com/topic/86488-css-not-displaying-correctly-in-firefox/#findComment-442599 Share on other sites More sharing options...
dbrimlow Posted January 18, 2008 Share Posted January 18, 2008 Whoops, I meant Firefox. Link to comment https://forums.phpfreaks.com/topic/86488-css-not-displaying-correctly-in-firefox/#findComment-442821 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. Link to comment https://forums.phpfreaks.com/topic/86488-css-not-displaying-correctly-in-firefox/#findComment-442876 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.