335177 - Simple CSS error

Status: RESOLVED WORKSFORME

(Bugzilla :: User Interface, defect)

Description

[Jim Garrison]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

in standard/global.css:

    #footer #links-actions,
    #footer #links-edit,
    #footer #links-saved,
    #footer #links-special
    {
        display: table-row;
    }

    #footer .label
    {
        width: 8.2em;
        display: block;
        float: left;
        vertical-align: baseline;
        padding: 0.1em 0.2em;
    }

<snip>

    #footer .links
    {
        display: table-cell;
        padding: 0.1em 0.2em;
    }

As it currently exists, this results in a footer that looks awful. The labels are block elements when they should be display:table-cell, which confuses Firefox.

Reproducible: Always

Comment 1

[Jim Garrison]

I made the change in my local global.css and fixed the problem.

Then I went back and undid the change to get a screenshot, and 
now I cannot get it to fail the way it was before.  I had JUST updated
our local BZ instance from 2.20 to 2.22.  The footer was all messed up,
with the labels in a very wide (50%) column and the links on the right half
of the page.  The "Add Bugs to the new saved search" was in the left column,
which was what was pushing the column width to half the page.

Since restoring the old global.css I've purged the local cache, restarted the web server, purged all local Firefox data and downloade the CSS in the browser to confirm that it's sending the original css (it is), but the display is no longer messed up.... so I can't provide a screenshot.

In any event, with the current definition you have the following structure being sent to the browser

#footer #useful-links     table
#footer #links-actions        table-row
#footer .label                    block
#footer .links                    table-cell

I'm not a CSS guru, but I'm pretty sure #footer .label should be table-cell also

Comment 2

[Frédéric Buclin]

The footer has already been fixed in bug 314055.

Comment 3

[Frédéric Buclin]

Colin, vladd, is this bug valid?

Comment 4

[Vlad Dascalu]

We could take this bug and transform it into "#footer .label should be table-cell
also" as specified in comment #1.

The footer thing has been fixed in the bug number that Frederic provided.

Comment 5

[Frédéric Buclin]

This code is gone since Bugzilla 3.4 (bug 478173).