Question

I have tried making every div 75px and the table within the div but only get the white background to become 75px nothing else! Whereas I want the text and images within the table in the footer and the footer itself (as a whole) to be 75px high.

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 />[e-mail]</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 -->

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

Any help MUCH appreciated!

Site: http://www.poltairhomes.com/

Answer 1

first replace id by class

<td class="footertext">

second add vertical-align to your css

.footertext {
vertical-align: top;