ansaurus

Question

Stretching TD's

Answer 1

A:

AS far as I understood your question, using a table for anything other than tabular data is a serious no go area.

Check out this Dynamic Drive script for tabbed content article, it might help you out a lot :)

Edit:

<div>
    <h4>Heading</h4>
    <div>

        <ul>
            <li><a>Tab</a></li>
            <li><a>Tab</a></li>
            <li><a>Tab</a></li>
        </ul>

        <div>Content for Tab 1</div>
        <div>Content for Tab 2</div>
        <div>Content for Tab 3</div>

    </div>

</div>

I believe this is a much better way to lay it out, then it's all wrapped in one div that can define it's own height :)

Kyle Sevenoaks 2010-09-28 08:41:18

Unfortunately no, that doesn't help. My question is not about the tabs. I need this:<div>Header/tabs here. Set height</div><div>Content here. This div must take up the rest of the page</div>

Matt 2010-09-28 08:52:42

Answer 2

A:

Try setting the height of the tr elements instead of the td (in IE6 it still won't work).
Or try something like this:

<style type="text/css">
    html, body, .wrapper {
        height: 100%;
        width: 100%;    
        margin: 0;
    }
.head {
        height: 20px;
    }
</style>
<div class="wrapper">
    <div class="head">header</div>
    <p>content</p>
</div>

Adam 2010-09-28 10:07:23

Answer 3

A:

I don't know if that's what you're looking for (since I don't really understand your needs, and you got so many jQuery addons for that...)

did you try

<table width="100%" height="100%">
    <tr style="height:20px; display:block;">
        <td>pwet</td>
        <td>test</td>
    </tr>
    <tr style="height:100%;width:100%;">
        <td style="background:red; width:50%;"></td>
        <td style="background:blue; width:50%;"></td>
    </tr>
</table>

EDIT : Since you're using table, the td's from the first tr should be a th and the first tr should be wrapped with a thead

Chouchenos 2010-09-28 10:11:48

Answer 4

+1 A:

Does this help?

http://www.themaninblue.com/writing/perspective/2005/08/29/

I know it's mainly to do with a footer but a side-effect of that is to stretch the content to 100% height.

James McCormack 2010-09-28 10:16:44

Perfect, thanks!

Matt 2010-09-30 14:31:02

ansaurus

tags:

views:

answers:

Stretching TD's

related questions