is my example possible with 1 table

Discussion in 'HTML & Website Design' started by Dirty-Rockstar, May 2, 2007.

  1. #1
    would like the same result however i wish for it to be only 1 table.

    
    <table border=1 width="100%" height="130">
    <tr>
      <td>  </td>
    </tr>
    </table>
    <table border=1 height="100%" width=130>
    <tr>
    <td> </td>
    </tr>
    </table>
    
    HTML:

     
    Dirty-Rockstar, May 2, 2007 IP
  2. vahsi000

    vahsi000 Well-Known Member

    Messages:
    706
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    140
    #2
    You're better off using <div> tags.
    <div style="width:100%;height:130px;border:1px;">
    <div style="width:130px;height:100%;border:1px;">
    Some browsers doesn't support height:100% so what you can do is set the heigh of your HTML document to 100% i think that should do the trick. But try it out respond here on how it works for you...
     
    vahsi000, May 2, 2007 IP
  3. Louis11

    Louis11 Active Member

    Messages:
    783
    Likes Received:
    26
    Best Answers:
    0
    Trophy Points:
    70
    #3
    If you're going to make two equal sized rows why not just use one table that houses two rows? But as forementioned, you would be better off with CSS and DIV.
     
    Louis11, May 2, 2007 IP
  4. deques

    deques Peon

    Messages:
    206
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #4
    i have absolutely no idea what the code does. one having 130px width and 100% height and the other vice versa. what is this?
     
    deques, May 3, 2007 IP
  5. SpringCypress

    SpringCypress Well-Known Member

    Messages:
    316
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    108
    #5
    So you're wanting a 2 column layout using a table with the left column being 130 px?

    Here's the code for that with a header and a footer.
    <table width="100%" border="0">
      <tr> 
        <td colspan="2">&nbsp;</td>
      </tr>
      <tr> 
        <td width="130">&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr> 
        <td colspan="2">&nbsp;</td>
      </tr>
    </table>
    Code (markup):

    Here's the code for 3 columns with a header and a footer
    <table width="100%" border="0">
      <tr> 
        <td colspan="3">&nbsp;</td>
      </tr>
      <tr> 
        <td width="130">&nbsp;</td>
        <td>&nbsp;</td>
        <td width="130">&nbsp;</td>
      </tr>
      <tr> 
        <td colspan="3">&nbsp;</td>
      </tr>
    </table>
    Code (markup):
     
    SpringCypress, May 3, 2007 IP
  6. vahsi000

    vahsi000 Well-Known Member

    Messages:
    706
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    140
    #6
    I was thinking that he might want to make it look like a frame, a "L" shaped frame and then put the content in the rest of the space *Hint Hint, if that wasn't the original idea, it might be a good idea design wise ;)*
     
    vahsi000, May 3, 2007 IP