DOCTYPE:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
CSS:
html,body {min-height:100%;height:100%;}
.siteContent {position:relative;min-height:100%;_height:100%;}/*IE hack*/
.pageContent {padding:0 0 25px;}
.footer {position:absolute;bottom:0;width:100%;height:25px;}
HTML:
<html>
<body>
<div class=”siteContent”>
<div class=”pageContent”></div>
<div class=”footer”></div>
</div>
</body>
</html>
BROWSERS:
IE6, IE7, [...]
28/09/2009
footer stick on bottom
27/08/2009
Round corners with css … only!
One post inspired me to experiment with font-size and line-height. Here is the result of a few hours tests in IE6 and FF.
My result
Here is the CSS:
* {font-family:Arial,sans-serif;}
html,body{text-align:center;}
div {position:relative;
width:300px;
margin:130px auto 0;padding:15px 0;
background:black;
[...]
20/07/2009
List of products – no tables, no floats
Check this post for a nice solution with unordered list – http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/