Ich habe einen sogenannten Header...
#header_schwarz {
background-color: #000000;
position: fixed;
top: 0;
width: 100%;
height: 8%;
z-index:1;
}
Danach eine weitere 'div', die Daten ausgibt (scrollt)...
Hat keine height, weil sie sich dauernd vergrössert (neuer Eintrag in Datenbank)...
Sie beginnt kurz unter dem Header.
#root_content {
position:absolute;
top:10%;
right:26%;
width:48%;
background-color:#FFFFFF;
color:#000000;
z-index:2;
}
Im HTML Teil...
<!DOCTYPE html>
"
"
<body>
<div id = "header_schwarz">
</div>
<div id="root_content">
<?php
require_once("root_container.php");
?>
</div>
</body>
</html>
Beim Scrollen des 'root_content' schiebt sich dieser über den Header, anstatt 'darunter' zu verschwinden.
Wie ändere ich das ?
Bitte eine Lösung, denn ich weiss ja, dass
#header_schwarz {
background-color: #000000;
position: fixed;
top: 0;
width: 100%;
height: 8%;
z-index:1;
}
Danach eine weitere 'div', die Daten ausgibt (scrollt)...
Hat keine height, weil sie sich dauernd vergrössert (neuer Eintrag in Datenbank)...
Sie beginnt kurz unter dem Header.
#root_content {
position:absolute;
top:10%;
right:26%;
width:48%;
background-color:#FFFFFF;
color:#000000;
z-index:2;
}
Im HTML Teil...
<!DOCTYPE html>
"
"
<body>
<div id = "header_schwarz">
</div>
<div id="root_content">
<?php
require_once("root_container.php");
?>
</div>
</body>
</html>
Beim Scrollen des 'root_content' schiebt sich dieser über den Header, anstatt 'darunter' zu verschwinden.
Wie ändere ich das ?
Bitte eine Lösung, denn ich weiss ja, dass