Grow your CSS skills. Land your dream job.

[Solved] Display problem in Firefox only

  • # November 30, 2009 at 1:32 pm

    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!

    # November 30, 2009 at 1:38 pm

    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.

    # November 30, 2009 at 2:06 pm

    I see it now, thank you so much!

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

    # November 30, 2009 at 2:11 pm
    "tbl35" wrote:
    Don’t really know how that got there but since we use FrontPage, I can guess. :)

    Haha. Well said. :lol:

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".