/    Sign up×
Community /Pin to ProfileBookmark

Table Not Spanning 100% Of Height

Copy linkTweet thisAlerts:
Jan 30.2007

See The Following URL:

[url]http://www.livetimecards.com/home.html[/url]

Hello, I am pulling my hair out with an html table. Why doesnt the bottom table span the height of the window? It stops and then white is displayed. I want the background to continue the height of the window. I have tested in I.E. 7.0 and Firefox and both stop and display white.

The code in question is as follows:

[code]
 <tr style=”height:100%”>
<td height=”100%” style=”background-image:’images/left_td_bot.gif’;”>&nbsp;</td>
<td height=”100%” style=”background-image:’images/center_td_bot.gif’;”>&nbsp;</td>
<td height=”100%” style=”background-image:’images/right_td_bot.gif’;”>&nbsp;</td>
</tr>
[/code]

to post a comment
HTML

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@JustinK101authorJan 30.2007 — OK I simplied to the following:

<i>
</i>&lt;tr&gt;
&lt;td colspan="3" background="images/center_td_bot.gif" style="height:100%;"&gt;&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;


It is still not working. This doesnt make any sense.
Copy linkTweet thisAlerts:
@JustinK101authorJan 30.2007 — Ok I sorta got it working. Here is what I did:

In The HTML FILE
<i>
</i> &lt;tr&gt;
&lt;td colspan="3" id="footer"&gt;&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;


In my CSS FILE
<i>
</i>html {
height: 100%;
}
body {
height: 100%;
padding:0px;
margin:0px;
}
#footer {
width: 100%;
height: 100%;
background-image: url(images/center_td_bot.gif);
background-repeat:repeat;
}


This looks good in FireFox but in I.E. it scrolls a hole bunch which is stupid, I want it to just take up the height of the window. Any ideas on that?
Copy linkTweet thisAlerts:
@felgallJan 30.2007 — Why not just let the table take up the space that is required to display the tabular data that it contains and style the rest of the page properly with stylesheet commands.
Copy linkTweet thisAlerts:
@JustinK101authorJan 30.2007 — Stephen -

Not sure I understand what you mean, but I assume you mean do body { background-image } and such. That was a thought, but the template wasnt designed that way, if I make the background an image the tabular information gets lost and background colors get all screwie. Can you look at my source and try to figure out a way to make the page not scroll in I.E.? Again, the current way I have works perfectly in Mozilla, but in I.E. it scrolls.
×

Success!

Help @JustinK101 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.19,
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: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

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