[Solved] Display problem in Firefox only

[tbl35]

I hope this isn’t too stupid a question, but I’m self-taught in CSS and since I don’t work on it all that much so I don’t know where to start. I’m not sure what’s causing this problem in Firefox, I’m hoping someone can look at it & tell me what’s going on having to go in depth.

http://oldsmarlibrary.org/index.php In Firefox, the search box overlaps the footer. This problem only began when I started using that flash object in the middle.

This is the CSS page: http://oldsmarlibrary.org/othermain.css

The parts that are (probably) relevant. The middle section is called contentindex:

Code:

#contentindex {
float: left;
width: 55%;
padding:10px;
}

#footer {
clear: both;
background: #003F3F;
text-align:center;
color:#F7FFF0;
font-weight: normal;
padding-top:5px;
padding-bottom:5px;
}

I hope this is an easy problem :) I usually try to figure things out on my own but just don’t have time right now!

[AshtonSanders]

Yep, easy fix:

You are assigning a fixed height to that center column, and it looks like FF is the only that listens to it. Just remove the fixed height, and it should automatically be the height it needs to be.

[tbl35]

I see it now, thank you so much!

Don’t really know how that got there but since we use FrontPage, I can guess. :)

[AshtonSanders]

"tbl35" wrote:

Don’t really know how that got there but since we use FrontPage, I can guess. :)

Haha. Well said. :lol:

[Author]

Posts