You are here: Re: CSS Position Layer relative to bottom of another layer (cont.) « HTML « IT news, forums, messages
Re: CSS Position Layer relative to bottom of another layer (cont.)

Posted by google on 11/21/19 11:40

Hello Dave,

Am I right in thinking your goal is to have the copyright at the bottom
of the page no matter how short or long the page is? If so, I've only
found one way to get this to work. I tried a lot of things just using
CSS, but nothing was cross-browser compatable. So, unfortunately you
have to use a table.

Here's how it works:

1. Add the following styles (notice the height values and the negative
margin on the footer style):
html, body {
min-height:100%;
}
..body-table {
height:100%;
width:100%;
padding:0px;
}
..clear-footer {
height:135px;
}
..footer {
width:100%;
margin-top:-135px;
}

2. Use this as a basis for your page:
<table class="body-table" cellspacing="0">
<tr>
<td>
<div class="clear-footer"></div>
</td>
</tr>
</table>
<div class="footer"></div>
</table>

I tried a ton of different ideas, and this was the one that worked all
of the time, and had the least code. Hope it helps.

Chris S.
Implied By Design
http://www.impliedbydesign.com
Free Web Development Programs and Scripts
http://www.impliedbydesign.com/free-software-scripts.html

 

Navigation:

[Reply to this message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация