すべての div と div 内のテーブルを 75px にしようとしましたが、白い背景だけが 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;
}
どんな助けでも大歓迎です！