Thema: Kann der gesamte "Header" fest stehen und die nur Inhalte darunter gescrollt werden?

Hallo Dieter,

hier (fixed) könnte für Dich passend sein.

Christian

Edit: vielleicht ist es sinnvoller, mit Seitenumbrüchen zu arbeiten.

Hallo Ronny, Hallo Christian, so einfach ist es für mich doch nicht
Vielleicht könnt Ihr mir weiter helfen, da es reichlich viele stellen gibt, an denen geschraubt werden kann.
Die Entwicklungsumgebung liegt auf www.stage.ofp-consult.de
Ich geb Euch hier mal den Anfang vom CSS mit den Werten für den Header.


/* ************************
GENERELLE DEFINITIONEN
************************ */

html {
height: 101%;
}


h1, h2, h3, h4, p, div, table {
margin: 0px;
padding: 0px;
}



/* **** Grundformatierungen **** */
body {
background:#FFF;
font-family: "Lucida Grande", Arial, "Lucida Sans Unicode", Tahoma, Helvetica;
font-size: 13px;
line-height: 19px;
margin : 0px;
padding : 0px;
/*text-align : center;*/
}


.clear {
float: none;
clear:both;
height: 1px;
background-color:transparent;
width: 1px;
}



/* ************************************************** **************** */
/* *************** STARTSEITEN: LAYOUT und FORMATE ************ */

#startseite_container {
background: #FFF;
text-align: left;
margin: 0 auto;
margin-top: 0px;
padding: 0px;
width: 992px;
height: auto;
}


/* ***** STARTSEITE - HEADERBILD **** */
#bildleiste_start {
/*background: #FF0;*/
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px;
width: 992px;
height: 271px;
}

#bildleiste_start img {
/*background: #FF0;*/
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px;
width: 992px;
height: 271px;
border: 0px;
}

/* INHALT - STARTSEITE */
#inhalt_start {
/* background: #FF0;*/
text-align: left;
padding: 20px 0px 0px 0px;
margin: 0px 0px 33px 0px;
width: 992px;
height: auto;
}


/* ************************************************** **************** */
/* ************** BEREICHSSEITEN: LAYOUT und FORMATE *********** */
#container {
background: #FFF;
text-align: left;
margin: 0 auto;
margin-top: 0px;
padding: 0px;
width: 992px;
height: auto;
}

/* ++++ LOGO OFP ++++ */
#logo_ofp {
/* background: #F0F;*/
text-align: left;
padding: 36px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 212px;
height: 90px;
float: right;
}

/* ++++++++++++++++++++++ */
/* ++++ KOPF GESAMT ++++ */
#kopf_gesamt {
/* background: #F0F;*/
text-align: left;
padding: 0px 0px 0px 0px;
margin: 24px 0px 0px 0px;
width: 992px;
height: auto;
}

/* +++ REITERMENUE EBENE 1+++ */
#reiter_e1 {
background: url(../images/hgrund_reiter_e1.png) no-repeat;
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 992px;
height: 57px;
}

/* REITERMENUE EBENE 2 */
#reiter_e2 {
background: #5E8DBD;
text-align: left;
padding: 0px 0px 0px 0px;
margin: -1px 0px 0px 0px;
width: 992px;
height: 39px;
}

/* ++++++++++++++++++++++ */
/* ++++ HAUPTTEIL ++++ */
#hauptteil {
/* background: #00F;*/
text-align: left;
padding: 0px 0px 0px 0px;
margin: -1px 0px 0px 4px;
width: 988px;
min-height: 462px;
/* border-bottom: solid 1px #C6C6C8;*/
}

#hauptteil_breit {
background: #FFF;
text-align: left;
padding: 39px 0px 30px 0px;
margin: 0px 0px 0px 2px;
width: 988px;
/* min-height: 462px;
border-bottom: solid 1px #C6C6C8;*/
}

/* +++ SPALTE LINKS +++ */
#spalte_links {
/* background: #00F;*/
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 649px;
height: auto;
float: left;
}

/* INHALT */
#inhalt {
/*background: #F0F;*/
text-align: left;
padding: 39px 0px 0px 0px;
margin: 0px 0px 20px 0px;
width: 649px;
height: auto;
}

/* +++ BILD SPALTE RECHTS +++ */
#bild_spalte_rechts {
/*background: #FF0;*/
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 26px;
width: 313px;
height: 463px;
float: left;
}

#bild_spalte_rechts img {
margin: 0px 0px 0px 0px;
padding: 0px;
}

/* +++ MENUE UNTEN +++ */
#menue_unten {
text-align: left;
padding: 10px 0px 0px 670px;
margin: -1px 0px 0px 0px;
width: auto;
height: 15px;
/* float: right;*/
border-top: solid 1px #C6C6C8;
}


/* ABSTAND ENDE */
#abstand_ende{
padding: 0px 0px 0px 0px;
margin: 0 auto;
width: 982px;
height: 40px;
}