The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

[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. 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:

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

    #contentindex {
    float: left;
    width: 55%;

    #footer {
    clear: both;
    background: #003F3F;
    font-weight: normal;

    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed