Es will einfach nicht!

[Detlef G.]

Hallo Dennis

Mit Tabellen war es so einfach. Der Umstieg auf Divs und weg von dem Tabellenchaos ist schwerer als erwartet.

Vielleicht liegt es daran, dass du immer noch zu sehr in Tabellen denkst.

Vor allem aber die Valide Programmierung macht mir sorgen

Warum dies?
Der Validator meckert nicht, selbst wenn die Seite als "strict" validiert wird.
Und je länger man darauf achtet, um so weniger Fehler passieren.

Ich dachte bisher immer, das die Eigenschaft height=100% das Objekt so groß gestaltet, das es das Mutterelement komplett vereinnammt.

Nein, height:100% sorgt dafür, dass das Element 100% der fürs Elternelement angegebenen Höhe einnimmt.

Ich habe aber auch keine Idee wie ich es erreichen kann.

Dann überlegen wir mal.
Muss #content 100% der Höhe von #main haben?
Oder soll es nur so aussehen?

Wie wäre es denn, mit:

#main {  
  border-left: 1px #acd0fc solid;  
  border-right: 1px #acd0fc solid;  
  width: 804px;  
  background-image: url('content_back.png');  
  background-repeat: repeat-y;  
  background-position: right;  
  overflow:auto;  
}  

und

#content {  
/*  background-color: #ffffff;  
  border-left: 1px #ACD0FC solid;  
  height: 100%; */  
  float: right;  
  padding: 10px;  
  text-align: left;  
  width: 583px;  
}  

Wie die content_back.png aussehen müsste, fällt dir bestimmt selbst ein.

Auf Wiederlesen
Detlef