mit DIV feste und Scrollbaren bereichen erstellen von Ingo Turski, 21.07.2007 08:50

mit DIV feste und Scrollbaren bereichen erstellen

Ingo Turski Homepage des Autors 21.07.2007 08:50

Hi,

Header und Footer sollen immer sichtbar sein, Inhalt soll scrollbar sein und sich in der Größe halt entsprechend anpassen.

warum willst Du ein wenig benutzerfreundliches Frameset mit CSS noch unfreundlicher nachbauen?

BODY {
height:100%;
overflow:hidden;

sofern ein Browser diese Höhenangabe überhaupt beachtet: warum willst Du überhängende Inhalte einfach ausblenden?

div.header
{
  height:10%;
  width:100%;
  padding:10px;
  margin:10px;

jetzt sind schon 10% + 20px Höhe (und 100% + 20px Breite) vergeben.

div.inhalt
{
  height:100%;
  padding:10px;
  margin:10px;

und jetzt sind es gar 210% + 40px.

div.footer
{
  height:3%;
  padding:10px;
  margin:10px;

und jetzt 213% + 60px.

bei obigen CSS erscheint kein Scrollbalken. Warum ???

vielleicht wegen overflow:hidden oder schlicht deshalb, weil der von Dir verwendete Browser Deine Höhenangaben standardkonform nicht so umsetzt.

Allerdings ist in keinem Fall der Footer immer Sichtbar.

Dank overflow:hidden

Ich benötige bei der Höhe für den Inhalt unbedingt eine relative Angabe, also in Prozent. Wo mache ich was falsch ?

Du vergisst das Elternelement von body und rechnest auch noch verkehrt.

freundliche Grüße
Ingo