Positionierung innerhalb eines DIV-Elemtens

html.de-Forum HTML, XHTML & CSS
1

Juten Tach.

Gestern wurde mir hier so klasse geholfen, da wollt ich doch glatt mal eine neue Frage stellen.

Ich bin grade dabei, mich in das Webdesign mittels CSS einzuarbeiten und habe bisher folgenden Code zustande gebracht:

[HTML]

Pflegelehre-jetzt - Startseite

Pflegelehre-jetzt! - Die Onlinepräsenz

Startseite  |   Das Team  |   Kontakt  |   Intern
best viewed:1024x786 (?)

Willkommen auf Pflegelehre-jetzt!

Hier ensteht die Onlinepräsenz von Pflegelehre-jetzt. Da sich die Seite noch im Aufbau befindet, bitten wir Sie, etwaige Unstimmigkeiten zu entschuldigen. Sie befinden sich auf der Startseite.

[/HTML]Das Problem: Ich möchte den Link
[HTML]best viewed:1024x786 (?)[/HTML]irgendwie in die linke untere Ecke bekommen. Aber nicht in die linke untere Ecke des gesamten Browserfensters, sondern in die l.u Ecke des Inhalt-Divs.
Ich hab das mit Position:absolute/relative probiert. Hab versucht ein weiteres Div drumherum zu bauen, aber nichts funktioniert so, wie ich es gerne hätte.

Wenn ich das mit position:absolute; bottom:xxpx; versuche, bezieht sich das jeweils auf das Browserfenster und der Link liegt ausserhalb des Inhalt-Divs.
Ich hab überlegt, Die Positionierung von oben vorzunehmen, da der Seiteninahlt sich aber ändert, müsste man ja für jede Änderung einen neuen Wert für top:xxpx; ermitteln.

Ich hab gelesen, dass sich die Postion:absolute auf dass übergeordnete Div bezieht, find ich ja auch logisch und so hätte ich es ja auch gerne. Aber mein DIV für den Link liegt ja im Content DIV, bloss reagiert es für mich nicht nachvollziehbar…
Gibt es da keine Möglichkeit?

Eine Frage ist mir noch eingefallen. Auf Css4you habe ich gelesen, dass „min-height“ vorallem vom IE noch nicht gut unterstützt wird. Aber wenn sich die Div-Höhe dynamisch an den Inhalt anpasst, dann ist die Seite teilweise nur 50-100px hoch, auf der nächsten Seite (mit mehr Inhalt) ist sie dann plötzlich 800px hoch.

Daher wollte ich das Inhalt-div mit min-height auf wenigstens die Höhe xxx erhöhen, damit die Höhe nicht von Seite zu Seite so stark vaiiert.
Kann man das so lassen, oder sollte man eine andere Variante probieren?

Freue mich auf eure kompetente Hilfe! :wink:

Gruß Theo

Edit: Ich hab das ganze Positionieren mal ohne min-height:600px; ausprobiert.
„

best viewed:1024x786[…]“ bringt den Link tatsächlich dorthin, wo er hinsoll, nämlich an die untere linke Ecke des Inhalt-Divs. Sobald ich aber „min-height:xxpx;“ vewende, klebt der Link dort, wo der Text endet.

2

Du musst dem übergeordneten Div #inhalt ein position: relative; geben. Dann bezieht sich die absolute Positionierung nicht mehr auf den body, sondern auf den Inhaltsdiv.

3

Prima. Funktioniert!
War aber sicherlich nicht die letzte Frage.
Ich danke dir.

Edit: Achso, eine Frage bleibt noch offen in diesem Thema: Wird von der Verwendung von min-height abgeraten?

Gruß Theo

4

Du kannst das schon verwenden, entspricht ja dem Standard.
Nur kann es der IE 6 nicht umsetzten.
Dafür gibt es aber einen Hack, der auch dem IE 6 min-height „beibringt“: min-height für Internet-Explorer 6