DIV Layer im Fußbereich der Seite positionieren

[chris]

Hi Leute,

ich hab ein Problem. Dieser DIV Layer,

<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 0px; bottom: 0px;">lkjlkjlkj</div>

Eigentlich sollte dieser doch ganz unten am Ende der Seite positioniert werden?

Das ist bei mir leider nicht das Fall - was kann ich tun damit dieser DIV Layer ganz am Ende angezeigt wird?

Gruß
Chris

[Jonathan Haas]

Bei mir ist das div ganz unten. Firefox 1.5b1 unter Linux.

Du solltest allerdings beachten, dass der Text nicht ganz unten ist. Schließlich hat das div auch noch eine Höhe hat und der text befindet sich ja am oberen Ende des <div>s. Das lässt sich leicht feststellen, wenn du dem <div> ne Hintergrundfarbe gibst.

[chris]

Bei mir ist das div ganz unten. Firefox 1.5b1 unter Linux.

Du solltest allerdings beachten, dass der Text nicht ganz unten ist. Schließlich hat das div auch noch eine Höhe hat und der text befindet sich ja am oberen Ende des <div>s. Das lässt sich leicht feststellen, wenn du dem <div> ne Hintergrundfarbe gibst.

---
also ich verstehe das nicht - bei mir mit SAFARI (OS X)

wird das letzte DIV nicht im footer (Am Seitenende) angezeigt.

Hier ist mal der Code, was mache ich falsch?

<div id="body" style="position:absolute; width:660px; height:179px; z-index:1; left: 232px; top: 200px; overflow: visible; visibility: visible;">
{$main_content}</div>
<div id="navigation" style="position:absolute; width:200px; height:400; z-index:1; left: 17px; top: 200px; overflow: visible;">{$box_CATEGORIES}</div>
<div id="logo" style="position:absolute; width:420px; height:60px; z-index:1; left: 6px; top: 5px; overflow: auto;"><a href="{$home}"><img src="{$tpl_path}img/logo.gif" alt="{$store_name}"/></a></div>

<div id="infos" style="position:absolute; width:980; height:26px; z-index:1; left: 18px; top: 130px;">{$box_CONTENT}</div>
<div id="tab" style="position:absolute; width:980; height:26px; z-index:1; left: 18px; top: 91px;">{$box_TAB_NAVIGATION}</div>
<div id="breadcrump" style="position:absolute; width:681px; height:20px; z-index:1; left: 43px; top: 168px; overflow: auto;">{$navtrail}</div>
<div id="Layer1" style="position:absolute; width:800px; height:10px; z-index:1; left: 18px; bottom: 0px;">footer</div>

[chris]

also es ist schon am ende der seite - aber relativ zum dukument halt nicht ganz unter dem dokument - ich denke man müsste mit JS abfragen wie lang das dukument ist oder?

gruß
chris

[Ashura]

Hallo chris.

ich hab ein Problem. Dieser DIV Layer,

<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 0px; bottom: 0px;">lkjlkjlkj</div>

Das ist ein div-Element. Das layer-Element ist etwas anderes.

Eigentlich sollte dieser doch ganz unten am Ende der Seite positioniert werden?

Wird es auch.

Das ist bei mir leider nicht das Fall - was kann ich tun damit dieser DIV Layer ganz am Ende angezeigt wird?

Was siehst du, wenn du diesem div-Element einen Rahmen oder eine Hintergrundfarbe verpasst? (Wo siehst du es?)
Stelle nach Möglichkeit ein auf ein Minimum reduziertes Beispiel online.

Einen schönen Samstag noch.

Gruß, Ash*feel free*ura

[Zeromancer]

Hallo chris,

Das ist bei mir leider nicht das Fall - was kann ich tun damit dieser DIV Layer ganz am Ende angezeigt wird?

zeige uns bitte ein Beispiel online. Evtl. kann man dann Lösungsansätze ganz anderer Art bieten?!

Mit freundlichen Grüßen,
André

[christian]

nochmal von vorn:  wie kann ich am ende einer bsp: 1500px langen seite mit einem DIV tag einen Footer anlegen?

mein problem ist es die postion zu finden da die länge der seite dynamisch ist. (benutze SAFARI als Browser auf OS X)

Gruß
Chris

[Zeromancer]

Hallo christian,

mein problem ist es die postion zu finden da die länge der seite dynamisch ist. (benutze SAFARI als Browser auf OS X)

Wo ist dein Problem? Bei einem vernünftigen Aufbau der Seite ist der footer immer am Ende der Seite, egal wie lang sie ist.

Mit freundlichen Grüßen,
André