3 replies [Last post]
flashcat7777
Offline
Enthusiast
Last seen: 11 years 38 weeks ago
Timezone: GMT-5
Joined: 2006-05-29
Posts: 64
Points: 5

Hello,
I am having a problem with the Firefox render of one of my pages. Instead of trying to explain, I will just provide a link.
http://www.westsidenhs.org/news.php
In IE7, it looks fine, but in Firefox you can see that in the "Latest News and Shout-Outs" section the blue does not extend all the way down like it does in IE7.

I am using the jQuery corner script for the rounded corners. Because of some javascript in the head section, the "inner" div is wrapped by an "outer" div.

Hers is the CSS for that:
div.inner {margin: 0; background: #005496; padding: 10px; border:0; zoom:1; min-height:461px;}
div.outer {float: left; margin: 15px; background: #000; padding: 8px; width: 56em;}

Sorry if my HTML source is not very clean. Most of it is output from PHP, and I usually don't take the time to put in line breaks, etc.

BTW... don't mind the content of the page, it's just filling in for now.

DanA
DanA's picture
Offline
Elder
Last seen: 11 years 37 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

Validate your code. Add

Validate your code.
Add overflow:hidden; in .inner

flashcat7777
Offline
Enthusiast
Last seen: 11 years 38 weeks ago
Timezone: GMT-5
Joined: 2006-05-29
Posts: 64
Points: 5

Thanks, works great. I would

Thanks, works great. I would have never guessed that. For the most part, my code is valid. I have a few errors here and there that shouldn't affect the overall page. I will make sure it is valid before I finish.

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 49 weeks 5 hours ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

flashcat7777 wrote:Thanks,

flashcat7777 wrote:
Thanks, works great. I would have never guessed that. For the most part, my code is valid. I have a few errors here and there that shouldn't affect the overall page. I will make sure it is valid before I finish.

No offense meant, but that approach is backward. You should get into the habit of validating often and writing valid code. It will save you hours and hours over the long run. The slightest errors in your html can do the strangest things to the presentation, wheras other time dozens of errors will have next to no effect.

Be on the safe side and always get your code valid before you look at the output in a browser.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.