Absolute Layer inside a floating layer???

  • Nick5185
  • Born
  • Born
  • User avatar
  • Posts: 4

Post 3+ Months Ago

I want to have the "inside" layer inside the "holder" layer with absolute position. And the holder to Float.

Here is the code:
Code: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Live Indie Rock Wars - Lake Las Vegas - Apr 25-27 2008</title>
<style type="text/css">
<!--
body {
    background-color: #E0D3C1;
    background-image: url(images/bgSky.jpg);
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
#inside {
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    left:10px;
    top:10px;
    width:976px;
    height:579px;
    z-index:3;
}
#holder {
    position:absolute;
    left:5px;
    top:5px;
    width:1002px;
    height:600px;
    z-index:1;
}
-->
</style>
<script type="text/JavaScript">
<!--
 
 
 
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>
 
<body>
 
<div id="holder">
  <div id="inside">
  <table width="900" height="518" border="0" align="center" valign="bottom" cellpadding="0" cellspacing="0">
    <tr align="center" valign="middle">
      <td><table width="875" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td colspan="3" align="center" valign="bottom"><img src="images/introTop.png" alt="top" width="875" height="159" /></td>
          </tr>
          <tr>
            <td align="right" valign="top"><img src="images/introLeft.png" alt="left" width="206" height="281" /></td>
            <td width="500" height="281"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="281" title="Live Indie Rock Wars">
                <param name="movie" value="intro.swf" />
                <param name="quality" value="high" />
                <embed src="intro.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="281"></embed>
            </object></td>
            <td align="left" valign="top"><img src="images/introRight.jpg" alt="right" width="169" height="281" /></td>
          </tr>
          <tr>
            <td colspan="3" align="center" valign="top"><img src="images/introBtm.jpg" alt="btm" width="875" height="126" /></td>
          </tr>
      </table></td>
    </tr>
  </table>
</div>
</div>
</body>
</html>
 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
  5. <title>Live Indie Rock Wars - Lake Las Vegas - Apr 25-27 2008</title>
  6. <style type="text/css">
  7. <!--
  8. body {
  9.     background-color: #E0D3C1;
  10.     background-image: url(images/bgSky.jpg);
  11.     background-repeat: no-repeat;
  12.     margin-top: 0px;
  13.     margin-left: 0px;
  14.     margin-right: 0px;
  15.     margin-bottom: 0px;
  16. }
  17. #inside {
  18.     width: 900px;
  19.     margin-right: auto;
  20.     margin-left: auto;
  21.     left:10px;
  22.     top:10px;
  23.     width:976px;
  24.     height:579px;
  25.     z-index:3;
  26. }
  27. #holder {
  28.     position:absolute;
  29.     left:5px;
  30.     top:5px;
  31.     width:1002px;
  32.     height:600px;
  33.     z-index:1;
  34. }
  35. -->
  36. </style>
  37. <script type="text/JavaScript">
  38. <!--
  39.  
  40.  
  41.  
  42. function MM_preloadImages() { //v3.0
  43.   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  44.     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  45.     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  46. }
  47. //-->
  48. </script>
  49. </head>
  50.  
  51. <body>
  52.  
  53. <div id="holder">
  54.   <div id="inside">
  55.   <table width="900" height="518" border="0" align="center" valign="bottom" cellpadding="0" cellspacing="0">
  56.     <tr align="center" valign="middle">
  57.       <td><table width="875" border="0" cellspacing="0" cellpadding="0">
  58.           <tr>
  59.             <td colspan="3" align="center" valign="bottom"><img src="images/introTop.png" alt="top" width="875" height="159" /></td>
  60.           </tr>
  61.           <tr>
  62.             <td align="right" valign="top"><img src="images/introLeft.png" alt="left" width="206" height="281" /></td>
  63.             <td width="500" height="281"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="281" title="Live Indie Rock Wars">
  64.                 <param name="movie" value="intro.swf" />
  65.                 <param name="quality" value="high" />
  66.                 <embed src="intro.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="281"></embed>
  67.             </object></td>
  68.             <td align="left" valign="top"><img src="images/introRight.jpg" alt="right" width="169" height="281" /></td>
  69.           </tr>
  70.           <tr>
  71.             <td colspan="3" align="center" valign="top"><img src="images/introBtm.jpg" alt="btm" width="875" height="126" /></td>
  72.           </tr>
  73.       </table></td>
  74.     </tr>
  75.   </table>
  76. </div>
  77. </div>
  78. </body>
  79. </html>
  80.  


Any Ideas, or threads?
  • mrbigdog
  • Born
  • Born
  • mrbigdog
  • Posts: 4

Post 3+ Months Ago

Why are u using tables inside a css layout? youdont need to and shouldn't be...?

I would just set out the layout in css...

Paul.
  • Nick5185
  • Born
  • Born
  • User avatar
  • Posts: 4

Post 3+ Months Ago

Found this great set of articles on the subject

http://www.webmaster-talk.com/css-forum/118081-how-to-center-your-website.html

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 27 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.