By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,474 Members | 1,273 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,474 IT Pros & Developers. It's quick & easy.

relative positioning in <td>

P: n/a
http://www.frostjedi.com/terra/scrip...-position.html

In Internet Explorer, the "hello, world!" text is on top on the red
box is on the bottom. In Firefox, the "hello, world!" text is on top
and the red box is in the middle.

Internet Explorer's rendition is the preferred rendition. Any idea as
to how to make Firefox's rendition look more like Internet Explorer's?

Thanks!
Oct 1 '08 #1
Share this Question
Share on Google+
3 Replies


P: n/a
On 2008-10-01, yawnmoth <te*******@yahoo.comwrote:
http://www.frostjedi.com/terra/scrip...-position.html

In Internet Explorer, the "hello, world!" text is on top on the red
box is on the bottom. In Firefox, the "hello, world!" text is on top
and the red box is in the middle.

Internet Explorer's rendition is the preferred rendition. Any idea as
to how to make Firefox's rendition look more like Internet Explorer's?
Put another div inside the td, so it looks like this:

<td height=1000 width=100>
<div style="height: 1000px; position: relative" <--- new div
<div style="position: absolute; background: red ..." ...

Firefox doesn't allow table cells to establish containing blocks for
positioned descendents.
Oct 2 '08 #2

P: n/a
In article <sl*********************@bowser.marioworld>,
Ben C <sp******@spam.eggswrote:
Firefox doesn't allow table cells to establish containing blocks for
positioned descendents.
The *only* browser of mine that does establish a containing block is the
now defunct one of MacIE5! They don't make menschy browsers like that no
more!

<http://dorayme.890m.com/alt/relativelyAbsolute.html>

compared with

<http://dorayme.890m.com/alt/relativelyAbsolute_table.html>

--
dorayme
Oct 2 '08 #3

P: n/a
On 2008-10-02, dorayme <do************@optusnet.com.auwrote:
In article <sl*********************@bowser.marioworld>,
Ben C <sp******@spam.eggswrote:
>Firefox doesn't allow table cells to establish containing blocks for
positioned descendents.

The *only* browser of mine that does establish a containing block is the
now defunct one of MacIE5! They don't make menschy browsers like that no
more!

<http://dorayme.890m.com/alt/relativelyAbsolute.html>

compared with

<http://dorayme.890m.com/alt/relativelyAbsolute_table.html>
It works in Konqueror 3.5.9, but not in Opera 9.5.1.

Anyway the spec is arguably ambiguous on this as it says in 9.3.1:

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.

but it really it's talking offsetting, not the side-effect of
establishing containing blocks.

The section about containing blocks doesn't mention any exceptions for
table-cells. It just says "the nearest ancestor"-- it's even supposed to
work for inlines (which can create containing blocks with negative
widths, whatever that's supposed to mean).
Oct 2 '08 #4

This discussion thread is closed

Replies have been disabled for this discussion.