4 Replies Latest reply on Aug 10, 2006 1:25 PM by Newsgroup_User

    Div's over tables

    Level 7
      This is a multi-part message in MIME format.

      ------=_NextPart_000_0021_01C6BC66.ACB70740
      Content-Type: text/plain;
      charset="iso-8859-1"
      Content-Transfer-Encoding: quoted-printable

      I am in a situation where I would like to use absolute positioned Divs, =
      bit I have had problems with them shifting differently between IE and =
      Firefox. So I have gone back to using tables.

      Is there a way to set the divs so that they are exact in each browser?

      Thanks,

      Scott
      ------=_NextPart_000_0021_01C6BC66.ACB70740
      Content-Type: text/html;
      charset="iso-8859-1"
      Content-Transfer-Encoding: quoted-printable

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
      <HTML><HEAD>
      <META http-equiv=3DContent-Type content=3D"text/html; =
      charset=3Diso-8859-1">
      <META content=3D"MSHTML 6.00.2900.2912" name=3DGENERATOR>
      <STYLE></STYLE>
      </HEAD>
      <BODY bgColor=3D#ffffff>
      <DIV><FONT face=3DArial size=3D2>I am in a situation where I would like =
      to use=20
      absolute positioned Divs, bit I have had problems with them shifting =
      differently=20
      between IE and Firefox. So I have gone back to using =
      tables.</FONT></DIV><FONT=20
      face=3DArial size=3D2>
      <DIV><BR>Is there a way to set the divs so that they are exact in each=20
      browser?</DIV>
      <DIV> </DIV>
      <DIV>Thanks,</DIV>
      <DIV> </DIV>
      <DIV>Scott</FONT></DIV></BODY></HTML>

      ------=_NextPart_000_0021_01C6BC66.ACB70740--

        • 1. Re: Div's over tables
          Level 7
          This is a multi-part message in MIME format.

          ------=_NextPart_000_002F_01C6BC7F.D6A342D0
          Content-Type: text/plain;
          charset="iso-8859-1"
          Content-Transfer-Encoding: quoted-printable

          yeah! Don't use absolute positioning.

          Dan
          "Scott Powell" <sp2@glweb.biz> wrote in message =
          news:ebfptr$74c$1@forums.macromedia.com...
          I am in a situation where I would like to use absolute positioned =
          Divs, bit I have had problems with them shifting differently between IE =
          and Firefox. So I have gone back to using tables.

          Is there a way to set the divs so that they are exact in each browser?

          Thanks,

          Scott
          ------=_NextPart_000_002F_01C6BC7F.D6A342D0
          Content-Type: text/html;
          charset="iso-8859-1"
          Content-Transfer-Encoding: quoted-printable

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
          <HTML><HEAD>
          <META http-equiv=3DContent-Type content=3D"text/html; =
          charset=3Diso-8859-1">
          <META content=3D"MSHTML 6.00.2900.2912" name=3DGENERATOR>
          <STYLE></STYLE>
          </HEAD>
          <BODY bgColor=3D#ffffff>
          <DIV><FONT face=3DArial size=3D2>yeah! Don't use absolute =
          positioning.</FONT></DIV>
          <DIV><FONT face=3DArial size=3D2></FONT> </DIV>
          <DIV><FONT face=3DArial size=3D2>Dan</FONT></DIV>
          <BLOCKQUOTE dir=3Dltr=20
          style=3D"PADDING-RIGHT: 0px; PADDING-LEFT: 5px; MARGIN-LEFT: 5px; =
          BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 0px">
          <DIV>"Scott Powell" &lt;<A =
          href=3D"mailto:sp2@glweb.biz">sp2@glweb.biz</A>&gt;=20
          wrote in message <A=20
          =
          href=3D"news:ebfptr$74c$1@forums.macromedia.com">news:ebfptr$74c$1@forums=
          .macromedia.com</A>...</DIV>
          <DIV><FONT face=3DArial size=3D2>I am in a situation where I would =
          like to use=20
          absolute positioned Divs, bit I have had problems with them shifting=20
          differently between IE and Firefox. So I have gone back to using=20
          tables.</FONT></DIV><FONT face=3DArial size=3D2>
          <DIV><BR>Is there a way to set the divs so that they are exact in each =

          browser?</DIV>
          <DIV> </DIV>
          <DIV>Thanks,</DIV>
          <DIV> </DIV>
          <DIV>Scott</FONT></DIV></BLOCKQUOTE></BODY></HTML>

          ------=_NextPart_000_002F_01C6BC7F.D6A342D0--

          • 2. Re: Div's over tables
            Level 7
            Absolutely positioned elements do not shift - but tables do. You are seeing
            motion in the tables, I'm guessing.

            Yes - there's a way to make tables and absolutely positioned elements stay
            in register with each other -

            Change this -

            </head>

            to this -

            <style type="text/css">
            <!--
            body { text-align:center; color:#CCC; }
            #wrapper { text-align:left; width:720px; margin:0 auto;position:relative; }
            -->
            </style>
            </head>

            change this -

            <body ...>

            to this -

            <body ...>
            <div id="wrapper">

            and this -

            </body>

            to this -

            </div><!-- /wrapper -->
            </body>

            and see if that helps.


            --
            Murray --- ICQ 71997575
            Adobe Community Expert
            (If you *MUST* email me, don't LAUGH when you do so!)
            ==================
            http://www.dreamweavermx-templates.com - Template Triage!
            http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
            http://www.dwfaq.com - DW FAQs, Tutorials & Resources
            http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
            ==================


            "Scott Powell" <sp2@glweb.biz> wrote in message
            news:ebfptr$74c$1@forums.macromedia.com...
            I am in a situation where I would like to use absolute positioned Divs, bit
            I have had problems with them shifting differently between IE and Firefox.
            So I have gone back to using tables.

            Is there a way to set the divs so that they are exact in each browser?

            Thanks,

            Scott


            • 3. Re: Div's over tables
              Level 7
              Thanks!

              I'll give it a try.

              Scott

              "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
              news:ebfqff$7ou$1@forums.macromedia.com...
              > Absolutely positioned elements do not shift - but tables do. You are
              > seeing motion in the tables, I'm guessing.
              >
              > Yes - there's a way to make tables and absolutely positioned elements stay
              > in register with each other -
              >
              > Change this -
              >
              > </head>
              >
              > to this -
              >
              > <style type="text/css">
              > <!--
              > body { text-align:center; color:#CCC; }
              > #wrapper { text-align:left; width:720px; margin:0
              > auto;position:relative; }
              > -->
              > </style>
              > </head>
              >
              > change this -
              >
              > <body ...>
              >
              > to this -
              >
              > <body ...>
              > <div id="wrapper">
              >
              > and this -
              >
              > </body>
              >
              > to this -
              >
              > </div><!-- /wrapper -->
              > </body>
              >
              > and see if that helps.
              >
              >
              > --
              > Murray --- ICQ 71997575
              > Adobe Community Expert
              > (If you *MUST* email me, don't LAUGH when you do so!)
              > ==================
              > http://www.dreamweavermx-templates.com - Template Triage!
              > http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
              > http://www.dwfaq.com - DW FAQs, Tutorials & Resources
              > http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
              > ==================
              >
              >
              > "Scott Powell" <sp2@glweb.biz> wrote in message
              > news:ebfptr$74c$1@forums.macromedia.com...
              > I am in a situation where I would like to use absolute positioned Divs,
              > bit I have had problems with them shifting differently between IE and
              > Firefox. So I have gone back to using tables.
              >
              > Is there a way to set the divs so that they are exact in each browser?
              >
              > Thanks,
              >
              > Scott
              >


              • 4. Re: Div's over tables
                Level 7
                Good luck!

                --
                Murray --- ICQ 71997575
                Adobe Community Expert
                (If you *MUST* email me, don't LAUGH when you do so!)
                ==================
                http://www.dreamweavermx-templates.com - Template Triage!
                http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                ==================


                "Scott Powell" <sp2@glweb.biz> wrote in message
                news:ebg4jb$jga$1@forums.macromedia.com...
                > Thanks!
                >
                > I'll give it a try.
                >
                > Scott
                >
                > "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                > news:ebfqff$7ou$1@forums.macromedia.com...
                >> Absolutely positioned elements do not shift - but tables do. You are
                >> seeing motion in the tables, I'm guessing.
                >>
                >> Yes - there's a way to make tables and absolutely positioned elements
                >> stay in register with each other -
                >>
                >> Change this -
                >>
                >> </head>
                >>
                >> to this -
                >>
                >> <style type="text/css">
                >> <!--
                >> body { text-align:center; color:#CCC; }
                >> #wrapper { text-align:left; width:720px; margin:0
                >> auto;position:relative; }
                >> -->
                >> </style>
                >> </head>
                >>
                >> change this -
                >>
                >> <body ...>
                >>
                >> to this -
                >>
                >> <body ...>
                >> <div id="wrapper">
                >>
                >> and this -
                >>
                >> </body>
                >>
                >> to this -
                >>
                >> </div><!-- /wrapper -->
                >> </body>
                >>
                >> and see if that helps.
                >>
                >>
                >> --
                >> Murray --- ICQ 71997575
                >> Adobe Community Expert
                >> (If you *MUST* email me, don't LAUGH when you do so!)
                >> ==================
                >> http://www.dreamweavermx-templates.com - Template Triage!
                >> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                >> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                >> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                >> ==================
                >>
                >>
                >> "Scott Powell" <sp2@glweb.biz> wrote in message
                >> news:ebfptr$74c$1@forums.macromedia.com...
                >> I am in a situation where I would like to use absolute positioned Divs,
                >> bit I have had problems with them shifting differently between IE and
                >> Firefox. So I have gone back to using tables.
                >>
                >> Is there a way to set the divs so that they are exact in each browser?
                >>
                >> Thanks,
                >>
                >> Scott
                >>
                >
                >