0

我正在为一位女士制作这个网站,我在想我可能有问题。它在我的屏幕上看起来像这样,这很完美: 这里

但我认为这个网站的大多数用户可能有更小或更旧的显示器,他们必须向下滚动才能找到看起来像 这样的底部

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>

CSS:

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;
}

任何知道什么会做的伎俩的人?

4

1 回答 1

0

您不能将表格制作为 100% 高度,也可以根据内容高度制作最小高度。

于 2012-07-12T13:51:02.573 回答