nicht angemeldet
Hallo Leute,
gerade bin ich dabei, ein neues design für eine Seite zu entwerfen. Dabei wollte ich nun komplett auf Tabellen verzichten, allerdings habe ich dabei ein Problem. Und zwar möchte ich oben und unten einen Balken über die gesamte Fensterbreite setzen, leider klappt das mit dem Balken nicht.
In der Mitte steht eine beliebige Textmenge, die auch mal mehrere Bildschirmseiten füllen kann, der untere Balken (t_foot) soll natürlich je nach Textmenge nach unten "wandern". Nun aber will das ganze überhaupt nicht so wie ich das möchte. Noch zur Info:
Der Einfachheit halber habe ich das meiste entfernt, die Seite beinhaltet sowohl rechts wie auch links eine Navigation.
Der footer bleibt jedoch nicht da wo ich möchte. Auch wenn der Content mehrere Bildschirmseiten füllt bleibt der footer immer an der genau gleichen Stelle und "wandert" nicht nach unten. wie also kann ich das ändern.
Ich vermute, daß ich wohl noch mehr Probleme bekommen könnte. Daher würde mich auch ein Tutorial zu dem ganzen interessieren, Selfhtml kenne ich selbstverständlich, aber irgendwie bringt es mich zu diesem Thema nicht wirklich weiter, gibt es irgendwo nicht allzugrosse und überschaubare Beispielseiten? Ich habe mal eine Seite gesehen, die nur aufgrund der Style-Datei komplett anders ausgesehen hatte, nur leider weiß ich die Adresse nicht mehr. Ach ja, nachfolgend noch den gekürzten HTML-Code:
<html>
<head>
<style>
#t_head
{
background:#b0c4de;
position: absolute;
top: 60px;
width:100%;
}
#t_content
{
padding: 8px;
top: 80px;
bottom: 80px;
position: absolute;
}
#t_foot
{
bottom:1px;
background:#b0c4de;
position:absolute;
width:100%;
}
</style>
</head><body>
<div id="t_head">t_head</div>
<div id="t_content">
Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />
Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />
Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />
Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />
Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />
Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />
Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />
Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile<br />Zeile
</div>
<br /><div id="t_foot">t_foot</div>
</body>
</html>