No replies
Strato
Offline
newbie
Last seen: 10 years 10 weeks ago
Joined: 2009-11-10
Posts: 3
Points: 5

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
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.