HTML question. How do I extend a table all the way to the bottom of a page?

  • Thread starter Thread starter H.A.R.
  • Start date Start date
H

H.A.R.

Guest
I'm trying to design a simple html website for the company I work for but I have run into a problem. I can't figure out how to make the table extend all the way down to the bottom of the page without stretching the content.

I tried adding bottommargin="0px" to the body tag but that didn't work. I also tried adding height=100% to the table tag but that stretched the content of the page.

Here's my code: <html>
<head>
<title></title>
<link rel=stylesheet type="text/css" href=stylesheet.css>
</head>
<body topmargin="0px" bottommargin="0px">

<center>

<table bgcolor="#FFFFFF" width=70% cellspacing=0 cellpadding=6 style="border: #000000 2px solid; border-bottom: 0px; border-top: 0px">

<tr><td>

<center>
<img src="logo.png"></a>
</center>

</td><td>

<center>
<b><big>Name</big></b>
<br>Address
<br>Address
<br>Phone & Fax
<br>License
</center>

</td><td>

<center>
<img src="logo.png"></a>
</center>

</td></tr>

<tr><td colspan=3 style="border: #000000 2px solid; border-bottom: 0px; border-left: 0px; border-right: 0px">

<center>

<img src="star.gif"> <a href=index.html>Home</a> <img src="star.gif"> <a href=testimonials.html>Testimonials</a> <img src="star.gif"> <a href=employment.html>Employment</a> <img src="star.gif">

<p><b><big>Welcome!</big></b></p>

<p>Content</p>

</center>

</td></tr>

</table>

</center>

</body>
 
Back
Top