Sat, 2010-10-30 20:06
Hello fellows!
Today I have two questions that was bothering me for a few days, couldn't find a solution myself.
Firstly, I've tried to create a simple website layout which I've found out wasn't that easy at all.
Basically, what I am trying to do is:
* Fill the body with image texture and set left and bottom margins.
* Create a 100% height
that would strech all across the height of browser.
* Place a table inside that
* Place a table inside that
and align it vertically to the bottom.
The layout should look like that:
HTML and CSS I've used:
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link href="styles.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td>Table</td> </tr> </table> </div> </body> </html>
@charset "utf-8"; html, body { height:100%; } body { background-image:url(images/bg.jpg); margin-left:30px; margin-bottom:30px; } #containder { height:100%; vertical-align:bottom; }
Thank you in advance.