3 Replies Latest reply on May 11, 2006 11:24 PM by Newsgroup_User

    div positioning

    hoachen
      Hi guys, I have been searching this forum for div positioning for hours but still can't find what I need. I create a webpage that have a table with three column. First column is picture , second column is description text and sames third column. The table I align in center <table align=center width="800" cellspacing="0" cellpadding="0"> I use few div tags inside the picture and want them in a specific position. When I use 1024 X768 is look fine in IE but when I use 1280X768 screen resolutions the text will move to different position. Can anyone tell me how to make it have the same position nor matter what screen resolution is.


      #specials {
      position:absolute;
      left:44px;
      top:267px;
      width:66px;
      height:4px;
      z-index:14;
      }

      <div class="link style2" id="specials">Specials</div>
        • 1. Re: div positioning
          Level 7
          hoachen wrote:
          > Hi guys, I have been searching this forum for div positioning for hours but
          > still can't find what I need. I create a webpage that have a table with three
          > column. First column is picture , second column is description text and sames
          > third column. The table I align in center <table align=center width="800"
          > cellspacing="0" cellpadding="0"> I use few div tags inside the picture and want
          > them in a specific position. When I use 1024 X768 is look fine in IE but when I
          > use 1280X768 screen resolutions the text will move to different position. Can
          > anyone tell me how to make it have the same position nor matter what screen
          > resolution is.
          >
          >
          > #specials {
          > position:absolute;
          > left:44px;
          > top:267px;
          > width:66px;
          > height:4px;
          > z-index:14;
          > }
          >
          > <div class="link style2" id="specials">Specials</div>
          >
          >
          http://www.thepattysite.com/layer_laws.cfm

          See Law No. 3. :-)

          --
          Bonnie in California
          kroko at
          sbcglobal dot net
          http://www.theanimalrescuesite.com/cgi-bin/WebObjects/CTDSites.woa
          • 2. Re: div positioning
            Level 7
            hoachen wrote:

            > Hi guys, I have been searching this forum for div positioning for hours but
            > still can't find what I need. I create a webpage that have a table with three
            > column. First column is picture , second column is description text and sames
            > third column. The table I align in center <table align=center width="800"
            > cellspacing="0" cellpadding="0"> I use few div tags inside the picture and want
            > them in a specific position. When I use 1024 X768 is look fine in IE but when I
            > use 1280X768 screen resolutions the text will move to different position. Can
            > anyone tell me how to make it have the same position nor matter what screen
            > resolution is.
            >
            >
            > #specials {
            > position:absolute;
            > left:44px;
            > top:267px;
            > width:66px;
            > height:4px;
            > z-index:14;
            > }
            >
            > <div class="link style2" id="specials">Specials</div>


            You cannot place layers in table cells. They will not appear in the same
            position cross browser.

            You can however insert them into a relatively positioned container.

            You might try this

            <td>
            <div id="relative">
            <div id="specials" class="link style2">Specials</div>
            </div>
            </td>

            Note that the "specials" layer is now wrapped in another <div> container

            #relative {
            position: relative;
            }


            Also I would leave a gap in your class style I would change 'link
            style2' to 'linkStyle2'

            If you change it in the code make sure you change the css to reflect
            this as well.





            • 3. Re: div positioning
              Level 7
              Osgood wrote:


              > Also I would leave a gap in your class style I would change 'link
              > style2' to 'linkStyle2'

              that of course should be 'Also I wouldn't' not 'Also I would'