|
|
Posted by Ben C on 12/08/07 10:29
On 2007-12-08, GTalbot <newsgroup@gtalbot.org> wrote:
> On 7 déc, 06:16, Ben C <spams...@spam.eggs> wrote:
>> On 2007-12-06, Shelly <sheldonlg.n...@asap-consult.com> wrote:
>>
>> > Here is the URL:
>> >www.sheldonlg.com/test.html
>>
>> > In IE, the drop-down menu for "About Us" appears under the item. In FF it
>> > is all the way to the left. Any clues?
>>
>> It may be because FF doesn't seem to like making <td>s (or boxes that
>> are display: table-cell, more precisely) containing blocks for
>> positioned descendents.
>>
>> Look at this example:
>>
>> http://www.tidraso.co.uk/misc/td-container.html
>
>
>
>> You may be able to fix your page by inserting another div to be a
>> containing block for the positioned menu:
>>
>> <td style="z-index: 500">
>
> Hello Ben,
>
> div, #two, table { position: relative }
><td id="two">World <span>foo</span></td>
>
> "The effect of 'position:relative' on table-row-group, table-header-
> group, table-footer-group, table-row, table-column-group, table-
> column, table-cell, and table-caption elements is undefined."
> CSS 2.1, 9.3.1 Choosing a positioning scheme: 'position' property
>
> Positioning sub-table elements is formally and specifically
> discouraged in CSS 2.x specifications.
Thanks for that, I didn't notice that part of the specification. That
may explain what's happening on my test case in FF, Opera and
Konqueror-- although in that case only FF is being consistent by
effectively saying that position: relative doesn't apply to any of the
table-* boxes rather than only to some of them.
So I think on that test, all browsers are right, since it's undefined,
they can do what they want.
Navigation:
[Reply to this message]
|