-3

我试过让每个 div 75px 和 div 内的表格,但只让白色背景变成 75px 没有别的!而我希望页脚中的表格中的文本和图像以及页脚本身(作为一个整体)为 75px 高。

HTML:

<footer id="colophon" role="contentinfo">           
<div id="supplementary" class="one">
<div id="first" class="widget-area" role="complementary">
<aside id="text-2" class="widget widget_text">
<div class="textwidget"><div id="footerwidget">
<table cellspacing="0px">
<tr>
<td>
<img src="http://www.poltairhomes.com/images/footerlogo.png" />
</td>
<td id="footertext"><p>Poltair Homes Plc<br />Registered Office: The Old Chapel, Greenbottom, Truro, Cornwall, TR4 8QP.<br />Registered in England & Wales: 3955425<br />www.poltairhomes.com<br />info@poltairhomes.com</p>
</td>
<td id="footertext"><p>Terms and Conditions | Privacy Policy | Sitemap</p>
</td>
<td id="footertext"><p>SIGN UP FOR OUR NEWSLETTER:</p><img src="http://www.poltairhomes.com/images/signup(temp).png" />
</td>
</tr>
</table>
</div></div>
</aside></div><!-- #first .widget-area -->
</div><!-- #supplementary -->
</footer><!-- #colophon -->

相关CSS:

#footerwidget{
background-colour: #FFF;
margin:0;
padding:0;
}
#footertext {
margin: 0;
padding:0 5px 0 5px;
color: #AAA;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
border-left: 1px solid #CCC;
}
#colophon {
clear: both;
background-colour: #FFF;
}
#supplementary {
border-top: 1px solid #ddd;
padding: 0;
}
.widget-area {
font-size: 12px;
background-colour: #FFF;
}
.widget {
background-colour: #FFF;
clear: both;
margin: 0;
padding: 0;
}

非常感谢任何帮助!

网站:http ://www.poltairhomes.com/

4

1 回答 1

1

首先用类替换id

<td class="footertext">

第二个添加垂直对齐到你的CSS

.footertext {
vertical-align: top;
于 2012-06-15T10:20:09.787 回答