steffen: div container 100%

Beitrag lesen

Hallo Forumleser,

ich möchte gerne ein Container haben, der 100% als Mindesthöhe hat. Falls der Text größer ist, soll der Hintergrund aber weitergehen.

Dies habe ich nun geschafft, nur das Problem derzeit ist, das in dem div noch ein div ist und das nimmt leider nicht die eigenschaft an :(

Aktueller Code ist:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equic="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="cache-control" content="no-cache" />

<title>Branchenfilter f&uuml;r KlickTel</title>

<style type="text/css">

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

#container {
  background-image: url(./im/main_bg.jpg);
  background-repeat:repeat-y;
  width:760px;
  min-height:100%;
  margin: 0px auto;
}
#main {
  margin: 0px auto;
  width: 648px;
  min-height:100%;
  border-color:#905F30;
  border-width:thin;
  border-left-style:dotted;
  border-right-style:dotted;
}

</style>
</head>
<body>

<div id="container">
 <div id="main">
  a<br>
  a<br>
  a<br>
  a<br>
  a<br>
  a<br>
  a<br>
  a<br>

</div>
</div>
</body>
</html>

Das heißt die Dots hören Genau beim text auf.

Weiß jemand Rat?

mfg steffen