html { min-height: 100%; height: auto; } body { background:url(/images/bg-image.jpg) right bottom no-repeat; }
Tag Archives: css layout
Browsers View for Sites
http://browsersize.googlelabs.com/
css pipe seperated menu
<ul id=”footer-navigation”> <li><a href=”#”>Top</a></li> <li><a href=”#”>Valid XHTML</a></li> <li><a href=”#”>Valid CSS</a></li> <li><a href=”#”>Get Firefox</a></li> </ul> #footer-navigation { margin-left: 0; padding-left: 0; list-style-type: none; } #footer-navigation li { display: inline; } #footer-navigation li:after { content: ” | “; } #footer-navigation li:last-child:after { content: “”; }
Centering vertically in a block
This often comes up a whole lot of same sized blocks on a webpage with an image inside. gettting the image to center in the middle is easy but what happens when it needs to sit in the vertical middle as well? CSS: div.myblock{ display: table-cell; height:120px; width: 120px; border: 1px solid #000; vertical-align: middle;
Continue reading: Centering vertically in a block