Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Member
    Join Date
    Sep 2003
    Location
    Stockbridge, GA (outside of Atlanta)
    Posts
    36
    Member #
    3035
    Sorry didn't attach file. Here it is

  2.  

  3. #2
    Senior Member mossoi's Avatar
    Join Date
    Apr 2003
    Location
    Englandshire, United Kingdomsville y'all!
    Posts
    1,111
    Member #
    1206
    Liked
    1 times
    Not sure if this is what you're looking for (I've added some text to show where things are positioned and a border to show the overall position):

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
    <link href="janise.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    
    </style>
    </head>
    
    
    <body>
    
    <div align="center">
    <table width="60%" border="1" cellspacing="0" cellpadding="0"
     height="500" style="max-width: 550px;">
      <tr>
        <td><div id="leftcontent" style="float: left; position:relative;
     width:200px; height:596px; z-index:1; left: 45px; top: 14px;"
     class="leftcontent">LeftContent<br>Line 2</div>
             <div id="Layer1" style="float: left; position:relative;
     width:498px; height:121px; z-index:2; left: 0px; top: 15px;" 
    class="titlebar">Layer1<br>Line 2</div>
             <div id="content" style="float: left; position:relative; 
    width:498px; height:475px; z-index:3; left: 0px; top: 135px;" 
    class="content">Content<br>Line 2</div>
    	</td>
       </tr>
    </table>
    </div>
    </body>
    </html>
    I've made the positioning relative and added the float attribute so that each element doesn't push the next below it. I've also changed the left amount to make the page less expansive.

  4. #3
    Senior Member mossoi's Avatar
    Join Date
    Apr 2003
    Location
    Englandshire, United Kingdomsville y'all!
    Posts
    1,111
    Member #
    1206
    Liked
    1 times
    Ouch! Just checked this in mozilla and it not good.

    It's probably much easier to do this sort of layout with one table cell for each section. Either that or start the stylesheet over.

  5. #4
    Senior Member mossoi's Avatar
    Join Date
    Apr 2003
    Location
    Englandshire, United Kingdomsville y'all!
    Posts
    1,111
    Member #
    1206
    Liked
    1 times
    The attachment is an example using a table to create the basic structure. If rowspan causes trouble - I know it does on some browsers then just nest 2 table as below:

    Code:
    <table>
       <tr>
          <td>
               {navigation content}
          </td>
          <td>
               <table>
                    <tr>
                       <td>
                            {Layer 1 Content}
                       </td>
                    </tr>
                    <tr>
                       <td>
                            {Main Content}
                       </td>
                    </tr>
                 </table>
          </td>
       </tr>
    </table>

  6. #5
    Member
    Join Date
    Sep 2003
    Location
    Stockbridge, GA (outside of Atlanta)
    Posts
    36
    Member #
    3035
    didn't think about that. Thanks guys.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:18 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com