Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Tables the same height

Status
Not open for further replies.
jonbatts

jonbatts

Programmer
Apr 12, 2005
114
US
OK, I've yet to find a definitive answer as to why [tt]style="height:100%"[/tt] doesn't work on a table inside a cell to fill the height of the entire cell. In fact, everything I read seems to tell me it should. I'm trying to get Table1 and Table2 to be the same height. So here's my code:
Code: 
<table style="width:100%">
    <tr>
        <td colspan="2">Testing</td>
    </tr>
    <tr>
        <td style="width:200px">
            <table id="Table1" style="border-right: green 5px solid; border-top: green 5px solid; border-left: green 5px solid; border-bottom: green 5px solid; height:100%; width:100%">
                <tr>
                    <td>1</td>
                    <td>2</td>
                </tr>  
            </table>
        </td>
        <td>
            <table id="Table2" style="border-right: red 5px solid; border-top: red 5px solid; border-left: red 5px solid; border-bottom: red 5px solid; height:100%; width:100%">
                <tr>
                    <td>3</td>
                    <td>4</td>
                </tr> 
                <tr>
                    <td>5</td>
                    <td>6</td>
                </tr>
            </table>
        </td>
    </tr>
</table>
I'm using IE6, and for all practical purposes could care less about other browsers. If someone has an answer or could point me to it, I would appreciate it.
 
Sort by date Sort by votes
I created it in VS2003, so here's what it put in for me.
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml"[/URL] >
    <head>
        <title>Untitled Page</title>
    </head>
    <body>
...
    </body>
</html>
 
Upvote 0 Downvote
The tables are stretching with the content.
You could always put the borders round the 2 parent table cells rather than the child tables.
Also, top align the cells to make it pretty.

Keith
 
Upvote 0 Downvote
I just realized what i need to do. The reason I can't just move the borders to the cell instead of the table is because I'm not actually worried about colored borders on my page, I simply put them there so looking at the page would show me my page wasn't doing what I thought it should. My reasoning behind wanting them the same height is because I'm actually dealing with images as borders.
Like I said, I figured out how to do it, but I can't believe I didn't think of it before. Right now my outer table has 2 rows, all I need to do is add a third row, and put my bottom borders in there.
Obviously very simple, and solves my problem, but it would still be nice to know why my original code wasn't doing what I thought. Still open to any ideas, which may help someone in the future. Thanks audiopro; even though your answer wasn't the one I was looking for it got me thinking in the right direction.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
205
lmcate
lmcate
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
1K
Mike Lewis
Mike Lewis
CoolBreeze007
  • Locked
  • Question
Unable to make HTML element adjust with the resizing of the browser
Replies
0
Views
131
CoolBreeze007
CoolBreeze007
pendle666
  • Locked
  • Question
Inserting same line of text of every web page - &quot;link&quot; insert? 1
Replies
6
Views
220
ChrisHirst
ChrisHirst
stephane.bouchard2
  • Locked
  • Question
How can you find the html version from source code. 2
Replies
6
Views
299
stephane.bouchard2
stephane.bouchard2

Part and Inventory Search

Sponsor

Back
Top