Beiträge von dapoddy

Ja ich weiß, aber wie kriege ich das hin, das die Elemente die ganze Seite ausnutzen.

Wenn du den Browser verkleinerst, passt sich das Element der Breite an.
Genau das will ich mit der Höhe auch erreichen.

Danke erstmal im voraus.

Ich kann ja mal den Link der Seite posten, damit besser verstanden wird was ich meine:

<!-- m --><a class="postlink" href="http://dapoddy.de/dapoddy.de2.0beta/index.htm">http://dapoddy.de/dapoddy.de2.0beta/index.htm</a><!-- m -->

Ich möchte gerne, dass sich die Steuerung und der Kontainer "inhalt", auf der Index Seite, sich an die Größe des Browsers anpassen, das sieht optisch besser aus.

Das sieht besser aus, denn die Startseite, hat bei mir nicht so viel Inhalt wie die anderen Seiten die ich plane.

z. B. bei dieser Seite: <!-- w --><a class="postlink" href="http://www.defunes.de">http://www.defunes.de</a><!-- w --> da passen sich die anderen elemente "navi" der "inhalt" auch auf die gleiche Größe an.

Das sieht optisch einfach besser aus.

Wo ist mein Fehler?

Ich hätte gerne das sich der Seitenbereich zu 100% an die Browsergröße Anpasst.

hier der Quelltext:

<style type="text/css">
<!--




body {
   color: blue;
   background-color: gray;
   font-family: Verdana;
}




  #seitenbereich {
  text-align:left;  /* Inhalt wieder links */
  margin: 0 auto;   /* Zentrierung mitte */
  width: 80%;
  height:100%;
  background-color:silver;
  font-size: 11pt;
}




#kopfzeile {
  background-color:lightskyblue;
  border-bottom:1px solid black;
}




#fusszeile {
  clear: both;
  background-color:lightskyblue;
  border-top:2px solid black;
  font-family: Verdana;
  width: 100%;
}




#steuerung {
  float:left;
  width:13em;
  background-color:lightblue;
  font-family: Verdana;
}




#inhalte {
  margin-left: 14em;
  height:80%;
  background-color:silver;
  font-family: Verdana;
}




#infokasten {
  float:right;
  width: 10em;
  background-color:white;
  font-family: Verdana;
}




 -->
</style>

Ich habe height:100%; angegeben aber das macht er nicht.