Hallo Community :)
Ich habe ein Problem. Ich erstelle derzeit eine Website, die wie folgt aufgebaut ist:
<html>
<head>
</head>
<body>
<div class="scrollcontainer">
Inhalt...
</div>
<br>
<br>
.
.
<div id="footer">
Inhalt...
</div>
</body>
</html>
Natürlich ist das ganze jetzt hier sehr vereinfacht dargestellt. So nun zu meinem Problem:
Alle Inhalte, die auf der Website dargestellt werden sollen (Texte, Bilder) befinden sich in dem DIV-Container,
welcher scrollbar ist. Dieser Container ist also wie ein scrollbares Textfeld mit konstanter Größe (Ist der Inhalt größer als der Container, erscheint der Scrollbalken). Da jetzt 2 Scrollbalken vorhanden wären habe ich den Scrollbalken des Browserfensters in CSS gesperrt, sodass nur noch der Scrollbalken des DIV-Containers übrig ist.
So weit so gut.
Unterhalb diesem DIV-Container kommt nun der Footer, der im Moment so "eingestellt" ist, dass er sich automatisch am unteren Bildschirmrand ausrichtet. Öffnet man aber nun die Website an einem anderen PC mit anderer Bildschirmauflösung, kann es z.B. passieren dass der Footer den DIV-Container überlappt oder ähnliches.
Ich möchte also, dass der Footer sich nicht automatisch am unteren Bildschirmrand fixiert, sondern dass er immer den selben Abstand zum unteren Rand des DIV-Containers hat, damit die Website wirklich auf jedem PC mit jeder Auflösung gleich aussieht.
Das war jetzt sehr ausführlich geschrieben :)
Ich hoffe es kann mir jemand helfen!
Grüße, CodeJunky
Ich habe ein Problem. Ich erstelle derzeit eine Website, die wie folgt aufgebaut ist:
<html>
<head>
</head>
<body>
<div class="scrollcontainer">
Inhalt...
</div>
<br>
<br>
.
.
<div id="footer">
Inhalt...
</div>
</body>
</html>
Natürlich ist das ganze jetzt hier sehr vereinfacht dargestellt. So nun zu meinem Problem:
Alle Inhalte, die auf der Website dargestellt werden sollen (Texte, Bilder) befinden sich in dem DIV-Container,
welcher scrollbar ist. Dieser Container ist also wie ein scrollbares Textfeld mit konstanter Größe (Ist der Inhalt größer als der Container, erscheint der Scrollbalken). Da jetzt 2 Scrollbalken vorhanden wären habe ich den Scrollbalken des Browserfensters in CSS gesperrt, sodass nur noch der Scrollbalken des DIV-Containers übrig ist.
So weit so gut.
Unterhalb diesem DIV-Container kommt nun der Footer, der im Moment so "eingestellt" ist, dass er sich automatisch am unteren Bildschirmrand ausrichtet. Öffnet man aber nun die Website an einem anderen PC mit anderer Bildschirmauflösung, kann es z.B. passieren dass der Footer den DIV-Container überlappt oder ähnliches.
Ich möchte also, dass der Footer sich nicht automatisch am unteren Bildschirmrand fixiert, sondern dass er immer den selben Abstand zum unteren Rand des DIV-Containers hat, damit die Website wirklich auf jedem PC mit jeder Auflösung gleich aussieht.
Das war jetzt sehr ausführlich geschrieben :)
Ich hoffe es kann mir jemand helfen!
Grüße, CodeJunky
