Hi all

I Got a Problem. I Want to do my Layout in CSS, and not in tables anymore. The URL is www.lueber.info/zagon/ (i borderd the divs for better overview)

I want a 100% height container with a content-div which goes till the end of the screen. and i want that the left-1 div got a variable hight so that left-2 is always at the bottom at the page. the content-div got a scroll-bar with overflow: auto, that is no problem but if i set the content to 100% height the 88px from the header where added and the content div is longer than my actual view in the browser.

if you don't understand what i mean, sorry my english is not the best.

now the code:

--- CSS ----
Code:
 
* {
  border: 1 !IMPORTANT;

}
html, body {
  height: 100%;
  margin: 0px;
  padding: 0px;
}


#container {
border: 1px solid blue;
height: 100%;
}

#logo {
width: 100px;
height: 88px;
float: left;
}

#header-left {
width: 200px;
height: 88px;
background-image: url('gfx/zaro_02.jpg');
background-repeat: no-repeat;
float: left;
margin-right: -3px;
}

#header-right {
height: 88px;
background-image: url('gfx/zaro_03.jpg');
}

#left {
clear: both;
float: left;
border: 1px dashed red;
height: 100%;
margin-top: -3px;
}

#left-1 {
width: 100px;
height: 314px;
border: 1px solid green;
background-image: url('gfx/zaro_04.jpg');
}

#content {
overflow: scroll;
border: 1px dashed red;
height: 80%;

}

#left-2 {
width: 100px;
background-image: url('gfx/zaro_06.jpg');
border: 1px solid black;
height: 99px;
}
--- HTML ---
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
<head>
<title>
</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
  <div id="container">
    <div id="logo">
      <img src="gfx/zaro_01.jpg">
    </div>
    <div id="header-left">
    </div>
    <div id="header-right">
    </div>
    <div id="left">
      <div id="left-1">
      </div>
      <div id="left-2">
      </div>
    </div>
    <div id="content">
      <?php include("content.html"); ?>
    </div>
  </div>
</body>
</html>
I hope that any hardcore-css-coder in here can help me