Hallo Community. Ich muss für die Schule (mache eine Ausbildungs zum Fachinformatiker) eine Website erstellen und dann vorlegen. Sie ist ganz fertig aber mir ist aufgefallen, dass mein Text weiter unten teilweise verdeckt wird von meinem Footer. Wenn auf der Seite wenig Text steht, ist alles korrekt, wenn aber viel Text ist (man muss scrollen) wird am Ende der Seite der Text nicht richtig angezeigt.
Hier mal meine CSS Datei:
HTML
<!DOCTYPE html>
<html lang="de">
<head>
<!--
ausgelagertes CSS:
<link rel="stylesheet" type="text/css" href="xxx.css" />
-->
<style type="text/css">
<!--
html, body {
font: 100.01% Arial, Verdana, Helvetica, sans-serif;
overflow:hidden;
background: #FFF7C9 url(images/hauptimage.jpg) no-repeat;
background-size: 100%;
}
* {
margin:0;
padding:0;
}
#kopfbereich {
position:absolute;
top:200px;
text-align: right;
height:30%;
width:100%;
/*background-color:lightblue;*/
}
#steuerung {
position:absolute;
top:38%;
left:0px;
width:15%;
height:85%;
font-size:22px;
font-variant:small-caps;
background-color: #FFF7C9;
font-family: Book Antiqua;
}
#inhalt {
position:absolute;
top:55%;
left:20%;
height:85%;
width:65%;
background-color: #FFF7C9;
overflow:auto;
font-family: Book Antiqua;
font-size:22px;
font-variant:small-caps;
color: #662908;
text-align: center;
}
#fussbereich {
position:fixed;
bottom:0px;
left:0px;
font-family: Book Antiqua;
color: #662908;
font-size:14px;
font-variant:small-caps;
height:auto;
width:100%;
background: url(images/img033.jpg) repeat-x;
}
</style>
</head>
Alles anzeigen
Wenn ich den "overflow" raus nehme oder ähnliches bleibt der Text auch teilweise versteckt.
Wenn jemand noch die HTML Seite benötigt poste ich die nachträglich.
Hoffe ihr könnt mir helfen.
PS: ich weiß es hgibt online auch Hilfe, die es mir so in 5 Minuten machen, muss es aber lernen.