Hi,
I have search the forum but nothing seems to work, i hope im not wastin any time.
I want to align the txt to the bottom of the footer
HTML
<div id="footer">
<div id="footeralign">
<p>All Material Copyright ?2004 xxxxx All rights reserved</p>
<p>Webdesign <a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.xxxx.co.uk" target="_blank">xxxx</a></p>
</div>
</div>
CSS
#footer, #footer a, #footer a:visited {
width:100%;
clear:both;
height:45px; /* Same as #outer */
color:#666666;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}
* html #footer {/*only ie gets this style*/
\height:47px;/* for ie5, 2px more than footer height*/
he\ight:45px;/* for ie6 same as footer height*/
}
#footeralign {
vertical-align:bottom;
}
Any Ideas
Thanks
Adamyou could use bottom: 0; although I forget which browsers bottom and right don't work properly in
Anyway you have these elements
top
left
bottom
rightpadding may also affect it, set that to padding-bottom:0 if theres still some space between them#footeralign { padding-top:25px; }
#footeralign p { margin:0; }Align Elements To the Bottom of a Container (<!-- m --><a class="postlink" href="http://www.dynamicsitesolutions.com/css/align_elements_to_bottom_of_container/">http://www.dynamicsitesolutions.com/css ... container/</a><!-- m -->)
I have search the forum but nothing seems to work, i hope im not wastin any time.
I want to align the txt to the bottom of the footer
HTML
<div id="footer">
<div id="footeralign">
<p>All Material Copyright ?2004 xxxxx All rights reserved</p>
<p>Webdesign <a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.xxxx.co.uk" target="_blank">xxxx</a></p>
</div>
</div>
CSS
#footer, #footer a, #footer a:visited {
width:100%;
clear:both;
height:45px; /* Same as #outer */
color:#666666;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}
* html #footer {/*only ie gets this style*/
\height:47px;/* for ie5, 2px more than footer height*/
he\ight:45px;/* for ie6 same as footer height*/
}
#footeralign {
vertical-align:bottom;
}
Any Ideas
Thanks
Adamyou could use bottom: 0; although I forget which browsers bottom and right don't work properly in
Anyway you have these elements
top
left
bottom
rightpadding may also affect it, set that to padding-bottom:0 if theres still some space between them#footeralign { padding-top:25px; }
#footeralign p { margin:0; }Align Elements To the Bottom of a Container (<!-- m --><a class="postlink" href="http://www.dynamicsitesolutions.com/css/align_elements_to_bottom_of_container/">http://www.dynamicsitesolutions.com/css ... container/</a><!-- m -->)