relative positioning in <td>

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • yawnmoth
    #1

    relative positioning in <td>

    http://www.frostjedi.com/terra/scripts/demo/td-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!
    Tags: None
    • Ben C
      #2
      Re: relative positioning in &lt;td&gt;

      On 2008-10-01, yawnmoth <terra1024@yaho o.comwrote:
      http://www.frostjedi.com/terra/scripts/demo/td-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.

        Comment

        • dorayme
          #3
          Re: relative positioning in &lt;td&gt;

          In article <slrnge8u6b.3n1 .spamspam@bowse r.marioworld>,
          Ben C <spamspam@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.co m/alt/relativelyAbsol ute.html>

          compared with

          <http://dorayme.890m.co m/alt/relativelyAbsol ute_table.html>

          --
          dorayme

            Comment

            • Ben C
              #4
              Re: relative positioning in &lt;td&gt;

              On 2008-10-02, dorayme <doraymeRidThis @optusnet.com.a uwrote:
              In article <slrnge8u6b.3n1 .spamspam@bowse r.marioworld>,
              Ben C <spamspam@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.co m/alt/relativelyAbsol ute.html>
              >
              compared with
              >
              ><http://dorayme.890m.co m/alt/relativelyAbsol ute_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:relat ive' 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).

                Comment

                Previous template Next
                Working...