让html表扩展到100%以上，但仅在需要时

我正在为一位女士创建这个网站，我想我可能有问题。在我的屏幕上看起来是这样的，这很完美：

但我认为，这个网站的大多数用户可能有更小或更旧的显示器，他们将不得不向下滚动，以找到底部看起来像

HTML:

<div id="wrapper">
<table align="center" id="content" border="0" cellpadding="0" cellspacing="0" vspace="0">
<tr align="center" valign="top">

<td rowspan="2" id="pageshadow_left"></td>

<td height="209">
<div style="position:relative; height:100%;">
<img src="textlogo.png" width="387" height="90">
<a href="index.php" target="_self"><div id="forside"><img src="forside.png"></div></a>
<a href="profil.php" target="_self"><div id="profil"><img src="profil.png"></div></a>
<a href="udstillinger.php" target="_self"><div id="udstillinger"><img     src="udstillinger.png"></div></a>
<a href="kurser.php" target="_self"><div id="kurser"><img src="kurser.png"></div></a>
<a href="kontakt.php" target="_self"><div id="kontakt"><img src="kontakt.png"></div></a>
<div id="logotop"></div>
<div id="logofront" align="right"></div>
<div id="velkommen" align="center"></div>
<div id="fronttextwrapper" style="position:relative">
<div id="fronttext" align="left">

<?php echo "PHP Virker!"; ?>

<p>Drømmebilleder kalder jeg mine malerier.
Jeg benytter stilhed, meditation og musik til skabelse af malerierne.
De bliver hovedsageligt skabt intuitivt ud fra mine indre billeder,
og helt naturligt vil disse billeder bl.a. være frugten af oplevelser i naturen,     inspiration fra andre kunstnere, bøger der er læst, film der er set.</p>
<p></p>
<p>Mine malerier har ingen titler, det er bevidst, da det er vigtigere for mig 
hvad du oplever og ikke hvad jeg føler du skal opleve, lad malerierne tale til 
dig og få din personlige  drømmebilled- oplevelse.</p>
<p></p>

<p>Jeg underviser i at male intuitivt, så er du blevet inspireret,
kan du kigge under kurser, Du behøver ikke at have malet før
for at skabe dine egne drømmebilleder.</p>
<p></p>

<p>God fornøjelse med at kigge i galleriet, og måske på gensyn.</p>
<p>Drude</p>
</div>
</div>
</div>
</td>


<td rowspan="2" id="pageshadow_right";></td>
</tr>


</table>
</div>

---

任何知道该怎么做的人都可以吗？

您不能将表格设置为100%的高度，也可以根据内容高度设置最小高度。

为什么要使用表格进行布局？表格只能用于显示表格数据。常规html元素应用于显示，如div或HTML5节、页眉、页脚等。欢迎使用stackoverflow。希望你能像我们所有人一样一路学习..比利，事实上我用桌子是因为我不知道如何将一个div居中，而且这似乎是在侧面添加阴影的最简单的方法。我不知道使用页眉和页脚的原因。

body, html {
background-color:#918c8c;
margin:0px;
height:auto;
padding : 0px;  
width : 100%; 
height : 100%; 
overflow:visible;
}

img {
border-style:none;
}

#content {
border-style:none;
background-color:#ffffff;
width:1050px;
height:100%;
margin-top:0px;
background-image:url(top.png);
background-position:top;
background-repeat:no-repeat;
margin-bottom:500px;
overflow:visible;
}

#forside {
width:128px;
height:67px;
position:absolute;
top:80px;
left:40px;
}

#profil {
width:146px;
height:68px;
position:absolute;
top:100px;
left:180px;
}

#udstillinger {
width:188px;
height:61px;
position:absolute;
top:107px;
left:342px;
}

#kurser {
width:118px;
height:51px;
position:absolute;
top:115px;
left:540px;
}

#kontakt {
width:268px;
height:83px;
position:absolute;
top:74px;
left:680px;
}

#logotop {
width:50px;
height:54px;
background-image:url(logotop.png);
position:absolute;
top:5px;
left:5px
}

#pageshadow_left {
border-style:none;
width:25px;
background-image:url(page_shadow_left.jpg);
background-repeat:repeat-y;
}

#pageshadow_right {
border-style:none;
width:25px;
background-image:url(page_shadow_right.jpg);
background-repeat:repeat-y
}

#velkommen {
position:absolute;
top:180px;
left:103px;
background-image:url(velkommen.png);
width:794px;
height:136px;
}

#logofront {
background-image:url(logo.png);
width:200px;
height:241px;
position:absolute;
top:200px;
left:760px;
}

#fronttext {
position:absolute;
top:300px;
left:100px;
width:450px;
height:auto;
text-align:left;
font-family:"Times New Roman", Times, serif;
font-size:18px;
}

#wrapper {
height:100%;
overflow:auto;
}