/ Published in: HTML
Footer contains background image. Text is placed on the footer which will be static in position to the footer when changing browser window size.
The footer itself is static in position, doesn't move when resized. For moving footer use this: http://snipplr.com/view/3073/template-with-footer-fixed-to-viewport-working-in-safari-too/
Expand |
Embed | Plain Text
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <style type="text/css" media="screen"> * { margin: 0; padding: 0; } body{ } #container{ margin-left: auto; margin-right: auto; width: 400px; } #footer{ margin-top: 350px; background: #F7941D url(background2.jpg) repeat-x scroll center top; height: 198px; } #infooter{ width: 600px; color: green; margin:0pt auto; } </style> </head> <body> <div id="footer"> </div> </body> </html>
You need to login to post a comment.
