DIVs inside table cells?

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

    DIVs inside table cells?

    Is it possibel to have DIV's inside a table cell so that their position can be
    given relative to top left corner of the cell. Now the DIVs seem to position
    themselves relative to previous object.
    Tags: None
    • Harlan Messinger
      #2
      Re: DIVs inside table cells?

      Test wrote:
      Is it possibel to have DIV's inside a table cell so that their position can be
      given relative to top left corner of the cell.
      Yes.
      Now the DIVs seem to position
      themselves relative to previous object.
      Without seeing your page it isn't possible for anyone to know what you
      should expect to see or what you need to do to change it.

      If the position of the cell is specified "relative" then a DIV inside it
      with position: absolute should be positioned relative to the cell's
      origin, and IE 7 does this, but on the other hand if the cell is styled
      with a border, the border disappears. Firefox, in contrast, positions
      the DIV relative to the viewport origin (assuming there are no
      containing blocks between the viewport and the cell; I didn't test any
      other case).

      If you nest the DIV inside another, relative positioned DIV, inside the
      cell, which now doesn't have to be relative positioned, then the
      positioning works in Firefox.

      So I think Firefox has a bug in this respect.

        Comment

        • rf
          #3
          Re: DIVs inside table cells?

          Harlan Messinger <hmessinger.rem ovethis@comcast .netwrote in
          news:66ektnF2jv lqiU1@mid.indiv idual.net:
          Test wrote:
          >Is it possibel to have DIV's inside a table cell so that their
          >position can be given relative to top left corner of the cell.
          >
          Yes.
          >
          >Now the DIVs seem to position
          >themselves relative to previous object.
          >
          Without seeing your page it isn't possible for anyone to know what you
          should expect to see or what you need to do to change it.
          >
          If the position of the cell is specified "relative" then a DIV inside
          it with position: absolute should be positioned relative to the cell's
          origin, and IE 7 does this, but on the other hand if the cell is
          styled with a border, the border disappears. Firefox, in contrast,
          positions the DIV relative to the viewport origin (assuming there are
          no containing blocks between the viewport and the cell; I didn't test
          any other case).
          >
          If you nest the DIV inside another, relative positioned DIV, inside
          the cell, which now doesn't have to be relative positioned, then the
          positioning works in Firefox.
          >
          So I think Firefox has a bug in this respect.
          Visual formatting model
          http://www.w3.org/TR/CSS21/visuren.html#propdef-position


          "The effect of 'position: relative on ... table-cell ... is undefined."
          All browsers are behaving correctly. If the effect is undefined they are
          free to do whatever they want.


          --
          Richard
          Killing all threads involving google groups
          The Usenet Improvement Project: http://improve-usenet.org

            Comment

            • Harlan Messinger
              #4
              Re: DIVs inside table cells?

              rf wrote:
              Harlan Messinger <hmessinger.rem ovethis@comcast .netwrote in
              news:66ektnF2jv lqiU1@mid.indiv idual.net:
              >
              >Test wrote:
              >>Is it possibel to have DIV's inside a table cell so that their
              >>position can be given relative to top left corner of the cell.
              >Yes.
              >>
              >>Now the DIVs seem to position
              >>themselves relative to previous object.
              >Without seeing your page it isn't possible for anyone to know what you
              >should expect to see or what you need to do to change it.
              >>
              >If the position of the cell is specified "relative" then a DIV inside
              >it with position: absolute should be positioned relative to the cell's
              >origin, and IE 7 does this, but on the other hand if the cell is
              >styled with a border, the border disappears. Firefox, in contrast,
              >positions the DIV relative to the viewport origin (assuming there are
              >no containing blocks between the viewport and the cell; I didn't test
              >any other case).
              >>
              >If you nest the DIV inside another, relative positioned DIV, inside
              >the cell, which now doesn't have to be relative positioned, then the
              >positioning works in Firefox.
              >>
              >So I think Firefox has a bug in this respect.
              >
              Visual formatting model
              http://www.w3.org/TR/CSS21/visuren.html#propdef-position

              >
              "The effect of 'position: relative on ... table-cell ... is undefined."
              All browsers are behaving correctly. If the effect is undefined they are
              free to do whatever they want.
              Ah, OK, thanks. I was concentrating on the section on absolute
              positioning and didn't bother to read the section on relative positioning.

                Comment

                • Ben C
                  #5
                  Re: DIVs inside table cells?

                  On 2008-04-14, Harlan Messinger <hmessinger.rem ovethis@comcast .netwrote:
                  rf wrote:
                  >Harlan Messinger <hmessinger.rem ovethis@comcast .netwrote in
                  >news:66ektnF2j vlqiU1@mid.indi vidual.net:
                  >>
                  >>Test wrote:
                  >>>Is it possibel to have DIV's inside a table cell so that their
                  >>>position can be given relative to top left corner of the cell.
                  >>Yes.
                  >>>
                  >>>Now the DIVs seem to position
                  >>>themselves relative to previous object.
                  >>Without seeing your page it isn't possible for anyone to know what you
                  >>should expect to see or what you need to do to change it.
                  >>>
                  >>If the position of the cell is specified "relative" then a DIV inside
                  >>it with position: absolute should be positioned relative to the cell's
                  >>origin, and IE 7 does this, but on the other hand if the cell is
                  >>styled with a border, the border disappears. Firefox, in contrast,
                  >>positions the DIV relative to the viewport origin (assuming there are
                  >>no containing blocks between the viewport and the cell; I didn't test
                  >>any other case).
                  >>>
                  >>If you nest the DIV inside another, relative positioned DIV, inside
                  >>the cell, which now doesn't have to be relative positioned, then the
                  >>positioning works in Firefox.
                  >>>
                  >>So I think Firefox has a bug in this respect.
                  >>
                  >http://www.w3.org/TR/CSS21/visuren.h...opdef-position
                  >>
                  >"The effect of 'position: relative on ... table-cell ... is undefined."
                  >All browsers are behaving correctly. If the effect is undefined they are
                  >free to do whatever they want.
                  >
                  Ah, OK, thanks. I was concentrating on the section on absolute
                  positioning and didn't bother to read the section on relative positioning.
                  rf is right and I almost mentioned that, but I really do think this is a
                  bit of a loophole. If it was intentional they would have said something
                  about it in the section on containing block.

                  All they mean IMO is that it's undefined when you start setting top,
                  left etc. on relatively positioned table cells.

                  After all everything else can be a containing block for positioned
                  descendents, even inline boxes (and that's much madder than
                  table-cells).

                    Comment

                    • AC7PN
                      #6
                      Re: DIVs inside table cells?

                      On Apr 13, 4:27 pm, rf <r...@x.invalid wrote:
                      Harlan Messinger <hmessinger.rem ovet...@comcast .netwrote innews:66ektnF2 jvlqiU1@mid.ind ividual.net:
                      >
                      >
                      >
                      Test wrote:
                      Is it possibel to have DIV's inside a table cell so that their
                      position can be given relative to top left corner of the cell.
                      >
                      Yes.
                      >
                      Now the DIVs seem to position
                      themselves relative to previous object.
                      >
                      Without seeing your page it isn't possible for anyone to know what you
                      should expect to see or what you need to do to change it.
                      >
                      If the position of the cell is specified "relative" then a DIV inside
                      it with position: absolute should be positioned relative to the cell's
                      origin, and IE 7 does this, but on the other hand if the cell is
                      styled with a border, the border disappears. Firefox, in contrast,
                      positions the DIV relative to the viewport origin (assuming there are
                      no containing blocks between the viewport and the cell; I didn't test
                      any other case).
                      >
                      If you nest the DIV inside another, relative positioned DIV, inside
                      the cell, which now doesn't have to be relative positioned, then the
                      positioning works in Firefox.
                      >
                      So I think Firefox has a bug in this respect.
                      >
                      Visual formatting model
                      http://www.w3.org/TR/CSS21/visuren.html#propdef-position

                      >
                      "The effect of 'position: relative on ... table-cell ... is undefined."
                      All browsers are behaving correctly. If the effect is undefined they are
                      free to do whatever they want.
                      >
                      --
                      Richard
                      Killing all threads involving google groups
                      The Usenet Improvement Project:http://improve-usenet.org
                      Safari, IE, and Opera all locate a "position:absol ute referenced
                      <div>" (located inside a table-cell that is "position:relat ive")
                      relative to the cell location.

                      Only Firefox requires the addition of another position:relati ve <div>
                      inside the cell to get the location correct. I view this with contempt.

                        Comment

                        Previous template Next
                        Working...