Antworten auf deine Fragen:
Neues Thema erstellen

FOOTER Positionierung

volli69

Panoramamann

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">
<!--
body {
background-image: url(img/bg.png);
background-repeat: repeat-x;
background-color: #b2b2b2;
}
#apDiv {
position:absolute;
left:50%;
margin-left:-361px;
top:120px;
width:716px;
height:400px;
z-index:1;
background-image:url(img/center.png);
}

#apDiv1 {
position:absolute;
top:434px;
left:143px;
width:470px;
height:176px;
z-index:2;
}

#footer {
clear:left;
bottom:10em;
background:#efefef;
text-align:center;
padding:10px;
}


-->
</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>
 

sokie

Mod | Web

AW: FOOTER Positionierung

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

Herr_D

offline

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;
}
 

Herr_D

offline

AW: FOOTER Positionierung

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) ;)
 

sokie

Mod | Web

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

Nicht mehr ganz neu hier

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

CSS verliebt

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:.
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

Nicht mehr ganz neu hier

AW: FOOTER Positionierung

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

XHTML/CSS Fetischistin

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

Nicht mehr ganz neu hier

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.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.615
Beiträge
1.538.352
Mitglieder
67.528
Neuestes Mitglied
Links Stream es
Oben