Click to See Complete Forum and Search --> : Sidebar changes from FF to IE


Shebang
09-09-2007, 08:54 PM
The sidebar on this page: Confirm (http://oakdaleenglish.com/confirm/) (http://oakdaleenglish.com/confirm/) is incorrectly placed when viewed in Firefox. In IE, the placement appears consistent throughout the site, which suggests to me that I have an error, generally expecting FF to correctly display a site.

The sidebar should be as appears on the home page (http://oakdaleenglish.com/) (http://oakdaleenglish.com/) and throughout the site. I have been trying to find the error without success for days. Over a week.

(The "Confirm (http://oakdaleenglish.com/confirm/)" page is not a direct access page on the site; no menu item to relocate. Please use link here to access.)

I know there must be another problem as the font color changes from IE to FF but unsure where that is as well -- it just tips me off that I have got some coding errors that I just cannot locate.

I appreciate any time you would spare.

-S

ray326
09-10-2007, 12:06 AM
It's "catching" on the left edge of the floated image in the banner.

Shebang
09-10-2007, 07:40 AM
It's "catching" on the left edge of the floated image in the banner.Thanks for the reply. I don't know how to resolve said "catching." I'm searching now given this direction, but suggestions would be appreciated.

Nor do I know what I've done differently on this one page to cause the display issue.

Centauri
09-10-2007, 08:41 AM
This is due to the floated image in the header "hanging out" the bottom of the header - the image is spec'd at 95px high, whilst the header div is set at 75px high, therefore the side bar "catches" on the bottom of the image. IE incorrectly expands the header div to contain the image. Fix is to make the header the same size as the image :.header {
background-color: #EDEEEA;
padding: 10px;
margin-top:3px;
height: 95px;
}

By the way, the problem occurs on all pages in my copy of Firefox 1.5

Shebang
09-10-2007, 09:25 AM
This is due to the floated image in the header "hanging out" the bottom of the header...
I sincerely thank you. Problem fixed.

By the way, the problem occurs on all pages in my copy of Firefox 1.5Appreciated that bit too.