Web Analytics Made Easy -
StatCounter Div tags and layers - CodingForum

Announcement

Collapse
No announcement yet.

Div tags and layers

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Div tags and layers

    I have a page that made were I used a div tag to create a layer that was at z=-1. This was so I could use a background image and place it where I wanted it.

    However I have noticed that it only seems to work in IE. When I view it in firefox the layer was there but if the z value was <0 then it didn't show.

    How could I achieve a background layer at works cross browsers?

    The page I am working on is http://wildcatsgym.com/photos.htm

    Thanks for your time
    Unknown2

    "Who knows"

  • #2
    Is this the TD in question?
    Code:
        <td width="850" valign="top"><!-- InstanceBeginEditable name="Body" -->
          <p align="center">&nbsp;</p>
          <h1 align="center" class="style1">Welcome to our photo galleries...</h1>
          <p align="center">&nbsp;</p>
    
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center" class="style1">Use the side navigation bar to find your way around </p>
          <div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:-1; left: 162px; top: 270px;"><img src="./images/page_images/becka.jpg" alt="Becca" width="355" height="500"></div>
          <h2 align="center" class="style1">&nbsp;</h2>
          <p align="center" class="style1">&nbsp;</p>
          <p align="center" class="style1">&nbsp;</p>
          <p align="center" class="style1">&nbsp;</p>
    
          <p align="center" class="style1"><br>
            <br>
          </p>
          <p align="center" class="style1"><em>If you wish for a copy of a photo then please ask at the gym </em></p>
        <!-- InstanceEndEditable -->
          <h2 align="center" class="style1"><script src=http://counter.rapidcounter.com/script/1113794699></script>
    </h2>
        </td>
    try this:

    Code:
        <td width="850" valign="top" style="background:url(./images/page_images/becka.jpg) bottom left no-repeat;"><!-- InstanceBeginEditable name="Body" -->
          <p align="center">&nbsp;</p>
          <h1 align="center" class="style1">Welcome to our photo galleries...</h1>
          <p align="center">&nbsp;</p>
    
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center" class="style1">Use the side navigation bar to find your way around </p>
          <h2 align="center" class="style1">&nbsp;</h2>
          <p align="center" class="style1">&nbsp;</p>
          <p align="center" class="style1">&nbsp;</p>
          <p align="center" class="style1">&nbsp;</p>
          <p align="center" class="style1"><br>
            <br>
          </p>
          <p align="center" class="style1"><em>If you wish for a copy of a photo then please ask at the gym </em></p>
        <!-- InstanceEndEditable -->
          <h2 align="center" class="style1"><script src=http://counter.rapidcounter.com/script/1113794699></script>
    </h2>
        </td>
    and see if that's what your after.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

    Comment


    • #3
      Yes, That works fine!


      Thanks
      Unknown2

      "Who knows"

      Comment

      Working...
      X