Frage stellen
ich wollte eine Seite erstellen, bei dem die Fußzeile fixiert ist und nur der darüberliegende Bereich gescrollt werden kann. Mit Hilfe des Internets, habe ich den untenstehenden Code zusammengebastelt, der auch soweit funktioniert. Es gibt nur zwei Einschränkungen:
1. Ein Hintergrundbild bewegt sich nicht, wenn der Scrollbalken bewegt wird.
2. Beim Internet Explorer, erscheint ein Querbalken, wenn eine Tabelle 100 % beträgt und der Text größer als die Seite ist. Zwar verschwindet das Problem, wenn die Tebelle weniger als 100 % beträgt, aber es muß doch dafür noch eine andere Lösung geben, oder?
Vielen Dank im voraus für Eure Hilfe
- Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<style type="text/css">
html, body
{
margin:0;
padding:0;
height:100%;
overflow:hidden;
}
div.menue
{
height:30px;
width:100%;
padding-left:0px;
background-color:#c100ff;
text-align:center;
}
div.inhalt
{
margin-left:0px;
padding-left:0px;
height:97%;
overflow:auto;
}
</style>
<body background="grafik.gif" link="#2543CF" alink="#2543CF" vlink="#2543CF">
<div class="inhalt">
<table border="0" width="100%">
<tr>
<td width="100%"><hr size="1">
</td>
</tr>
</table>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
<p align="center">inhalt</p>
</div>
<div class="menue">
Hier steht das Menue
</div>