Question

我尝试过制作每个div 75px和div中的表格但只得到白色背景变成75px别的！虽然我希望页脚中的文本和图像以及页脚本身（整体上）高75 px。

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/

Answer 1

首先按类替换id

<td class="footertext">

第二次添加垂直对齐到你的css

.footertext {
vertical-align: top;

如何调整CSS以使页脚固定高度？

1 个答案: