/    Sign up×
Community /Pin to ProfileBookmark

<td> height

Copy linkTweet thisAlerts:
Feb 27.2004

Hi all!

Here’s the situation:

I’ve got a table (it’s for displaying data so i won’t used <div>) with 3 rows: Header – Middle – Footer.

If the Header height: 100px; and Footer height: 50px;, is there a possible way to set the height of the Middle part to 100% – 150px; or something like that???

It was very easy before to code this in html but now height is depreciate…

T

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@RedWingsSuxFeb 27.2004 — Does this work? I didn't test it in all browsers.

<style type="text/css">

body { margin:0px, padding:0px; }

.table { height:100%; width:100% }

.header { height:100px; border:1px #000 dashed; }

.content { height:100%; border:1px #000 dashed; }

.footer { height:50px; border:1px #000 dashed; }

</style>

</head>

<body>


<table class="table">

<tr>

<td class="header">header</td>

</tr>

<tr>

<td class="content">content</td>

</tr>

<tr>

<td class="footer">footer</td>

</tr>

</table>
Copy linkTweet thisAlerts:
@TimeBanditFeb 27.2004 — [i]Originally posted by RedWingsSux [/i]

[B]Does this work? I didn't test it in all browsers.[/B][/QUOTE]

SafariMac - sorta. Table is 100% but .content doesn't actually extend down more than default table padding.

IE5Mac - works

N7Mac - works
×

Success!

Help @turb spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.6,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...