FOOTER Positionierung

volli69 · 18.02.2009

Hallo,
kann mir bitte jemand bei der Positionierung des Footers helfen? Dieser soll immer mittig am unteren Rand dargestellt werden.

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>...</title>

<link rel="stylesheet" type="text/css" href="css/stylesheet.css" />

<style type="text/css">

</style></head>

<body>
<div id="apDiv">
<div align="center"><img src="img/fotos.png" width="716" height="313" />
</div></div>
<div id="footer">
<div align="center"><b>Und hier ist ein ganz einfacher Footer!</b>
</div>

</html>

cvdR · 18.02.2009

AW: FOOTER Positionierung

margin:auto;

volli69 · 18.02.2009

AW: FOOTER Positionierung

cvdR schrieb:
margin:auto;

leider nicht. ich denke ich habe irgendwo einen fehler drin.

sokie · 18.02.2009

AW: FOOTER Positionierung

weg mit den absoluten positionierungen. Durch diese Positionierungsart der vorangegangenen Elemente, kann sich der folgende nicht automatisch anpassen.

Herr_D · 18.02.2009

AW: FOOTER Positionierung

wenn du eh mit position:absolute arbeitest, warum nicht beim footer?

[css]

Code:

#footer {
position:absolute;
bottom:0px; /* wert bei Bedarf anpassen */
left:50%;
margin-left:-235px; /* hälfte der Breite */
width:470px;
height:auto;
z-index:10;
background:#efefef;
}

volli69 · 18.02.2009

AW: FOOTER Positionierung

Herr_D schrieb:
wenn du eh mit position:absolute arbeitest, warum nicht beim footer?

Jetzt funktioniert es.

ich bin eigentlich ein tabellenlayouter. mit ebenen hapert es bei mir noch a bisserl sehr.

DANKE

sokie · 18.02.2009

AW: FOOTER Positionierung

was passiert denn wenn dein #apDiv mal mehr inhalt hat als 400px in der Höhe?

Herr_D · 18.02.2009

AW: FOOTER Positionierung

sokie schrieb:
was passiert denn wenn dein #apDiv mal mehr inhalt hat als 400px in der Höhe?

Dann mussa n overflow:auto einbauen

Hattest du nicht mal ne Seite geschrieben footer immer unten oder so?

Ich geb dir recht, die absolute Positionierung ist M*hust*... aber ich hab Freistunde (und müßte eigentlich Klassenarbeiten lesen)

volli69 · 18.02.2009

AW: FOOTER Positionierung

sokie schrieb:
was passiert denn wenn dein #apDiv mal mehr inhalt hat als 400px in der Höhe?

was soll dann passieren?

red doch bitte im klartext. bin doch für anregungen /verbesserungen dankbar.

sokie · 18.02.2009

AW: FOOTER Positionierung

hallo volli,

wenn nicht ganz zwingende Gründe für die absolute Positionierung sprechen sollte man relativ positionieren, also dem 'natürlichen' Dokumentfluss entsprechend.
die Frage nach dem Inhalt des #apDiv, deswegen, weil dir beim bisherigen style der inhalt dieses Containers unter Umständen über den footer hinausläuft (bzw. hier drunter her).
ohne positionierung (und ohne angabe der höhe) würde der Container immer passend wachsen, und der footer automatisch an der passenden position stehen.

Emporia · 18.02.2009

AW: FOOTER Positionierung

Kennst du dich mit float aus? Das wäre die geeignete Lösung - und wenn man mal "das Prinzip" des floats hat, dann ist es auch wirklich leicht und logisch.

Ja, es ist supermühsam, als ehem. Tabellenbauer sich an die div´s zu gewöhnen, aber wenn man mal die Hürde genommen hat, will man/frau nicht mehr zurück - wirklich :rolleyes:

.

leohh · 18.02.2009

AW: FOOTER Positionierung

Emporia schrieb:
Kennst du dich mit float aus? Das wäre die geeignete Lösung - und wenn man mal "das Prinzip" des floats hat, dann ist es auch wirklich leicht und logisch.

Ja, es ist supermühsam, als ehem. Tabellenbauer sich an die div´s zu gewöhnen, aber wenn man mal die Hürde genommen hat, will man/frau nicht mehr zurück - wirklich .

Mal eine ernsthafte Frage, weil es sich mit dem letzten Post hier so ergibt.
Was ist eigentlich so schwer daran sich von Layouttabellen weg zu bewegen, hin zum CascadingStyleSheet?! Ich bin ja jemand, der relativ viel von Hand 'codet' und wenn ich mir hier vorstelle, manche Projekte mit Tabellen zu machen wuerde ich komplett wahnsinnig werden..

Worin sieht man als Anfaenger bzw. alter, lernunwilliger Hase die Probleme bei der Umstellung?!

Emporia · 19.02.2009

AW: FOOTER Positionierung

leohh schrieb:
Worin sieht man als Anfaenger bzw. alter, lernunwilliger Hase die Probleme bei der Umstellung?!

Ja genau da

... also in der Lernunwilligkeit :hmpf:. Traurig aber wahr, denn es gibt sonst keinen Grund. Wobei - ich muss dazu auch sagen, dass es bei mir recht schnell gegangen ist. Eine gute Webseite besteht halt nunmal nicht nur aus einem guten Layout, sondern auch aus gut geschriebenem HTML.

lucy_lawless · 19.02.2009

AW: FOOTER Positionierung

Worin sieht man als Anfaenger bzw. alter, lernunwilliger Hase die Probleme bei der Umstellung?!

ich glaube, ein problem ergibt sich aus fehlern die viele umsteiger immer wieder machen, da sie versuchen, ein tabellen layout in css zu simulieren.

ein beispiel dafür ist die überflüssige absolute positionierung von elementen (wie man ja auch im post oben sieht. sorry: no offense). das schafft mehr probleme als es löst, ergibt ein umständliches händlingverschiedener ebenen und arbeitet komplett gegen die vorteile, die das layout in css eigentlich haben sollte: flexiblität und anpassungsfähigkeit.

sich vom tabellenlayout wegbewegen heißt eben nicht, lernen, wie man tabellenähnliche layouts in css umsetzt, sondern umdenken und lernen, welche möglichkeiten layout in css bietet - und gerade da scheint für einige "alte hasen" die schwierigkeit zu liegen, weil das heißt kenntnisse und erfahrungen über bord zu werfen und an einigen punkten neu anzufangen...

Emporia · 19.02.2009

AW: FOOTER Positionierung

@lucy_lawless: Da gebe ich dir völlig Recht!

Man muss überhaupt jede Seite entsprechend ihrer "Machart" völlig eigenständig betrachten. Eine Flash Seite ist eine Flash Seite, eine HTML/CSS Seite ist eine HTML/CSS Seite, ... usw. ... Tabellenlayout, php/asp, ... jede hat ihre Vorzüge, ihre Nachteile, ihre speziellen Eigenschaften. Und dementsprechend sollte man auch agieren.