Feststehender Header; Scrollen aber nur im "Inhaltsbereich" (div)

[ps2freak]

Hallo,

was ich suche, ist sowas hier: Feststehender Footer fr den Internet Explorer
Nur, dass eben der Header fest sein soll und nicht der Footer.
Ich habe dazu einmal was gebastelt:

@charset "utf-8";
/* CSS Document */

 html, body {
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
    background-attachment: fixed;
    background-image:url(background.jpg); 
    background-repeat: no-repeat; 
    background-position: left top;
}
 div#header{
  position:absolute;
  width:100%;
  height:3%;
  background-color:#005;
 }
 div#content{
  width:100%;
  height:97%;
  overflow:auto;
 }
 @media screen{
  body>div#header{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }

Bei diesem Beispiel funzt es auch so wie ich will - bis auf eine Kleinigkeit - eine Einschränkung auf die bei SelfHTML schon hingewiesen wurde, nämlich dass bei diesem Beispiel nur relative (%)-Angaben für die Höhe möglich sind.
Mein Header ist aber genau 30px hoch und wenn ich das so realisieren will, muss ich den content div ja um 30 Pixel "nach unten verschieben", wenn ich dann aber sage, dass der content div eine Höhe von 100% haben soll, funzt es - wie zu erwarten war - nicht mehr (es wird ein Teil unten abgeschnitten).


Meine Frage ist jetzt, wie ich das Problem nun lösen soll, hab echt keine Ideen mehr...
MfG.

 

[Cheffchen]

Hallo,

das ist so gar nichts. kommt zwar selten vor aber selfHTML ist halt schon in die jahre gekommen.

Mach beides mit Position absolut. footer mit bottom:0 und header mit top:0.
Findest auf selfhtml gute beispiele :O).

Und Zeige das nächst mal das von dir :O)

Cheffchen

edite seh geade das in dem beispiel aich absolute erklärt wird zwar ertwas fehlerhaft aber dürfte reichen.
Feststehende Kopf- und Fuzeile

 

[ps2freak]

Ähm, was jetzt?
In meinem CSS hab ich das doch mit Position absolut...
du hast mich grad etwas verwirrt, ich weiß jetzt nicht ganz was ich ändern soll...
Abgesehen davon, dass bei mir gar kein footer existiert...

 

[threadi]

Ein Topic dazu reicht doch.
http://www.html.de/html-und-xhtml/4...ntem-header-unsichtbar-machen.html#post341636