Div über einem div - Problem

Computer: Software & Programmierung HTML & CSS
#1

Hi …

im normal Fall, erledigt man dies ja per ‚z-index‘ und ‚position‘.
Hab ich auch schon probiert, aber vergeblich.

Zum eig. Problem:
Ich lasse mir ein Verzeichnis per php auflisten, nun wollte ich mir die Größe des Ordners ausgeben lassen. Diese Zahl dann auf einer Scala (Fortschrittbalken) einbinden. Klappt auch alles ohne Probleme.

Dazu benuzte ich das TUT von: „Complex CSS Bar Graph“ - Kurz runterscrollen!
http://applestooranges.com/blog/post/css-for-bar-gra…

Im 1. Bsp. hab ich es so geändert, das die Zahl hinter dem Marker steht und mit fährt. Da es in eine Tabelle -> Spalte eingebunden wird, kann ich sowas nicht gebrauchen.
http://upload.bitethedust.org/load1.html

Im 2. Bsp. ist es wie im Original, ohne Zahl.
http://upload.bitethedust.org/load2.html

Ich würde mir nun gerne in einem weiteren DIV die Zahl über den Div wiedergeben lassen. Zentriert oben unten rechts links. Nur bekomm ich das nicht hin. Hab schon aus meiner sich (bin aber gerade noch am Anfang mit CSS) alles versucht. Doch ich bekomme es einfach nicht hin.

Um die Übersicht zu wahren, spare ich mir den Quellcode hier. Diese sind auf den Seiten per Quellcode einfach zuerreichen.

Ich denke das ich einfach nur zu blöd bin, hat jemand ne Ahnung?
Für jede Hilfe und Info bin ich sehr dankbar. Danke!

MfG Tobias

#2

Guten Tag,

ich weiss zwar nicht, ob ich alles richtig verstanden habe, aber ich sag mal was ich denke .

im normal Fall, erledigt man dies ja per ‚z-index‘ und
‚position‘.

Falsch! Du muss erst einmal versuchen zu verstehen, dass eigentlich die verschiedenen Werte für Position bedeuten. (Tipp: Kauf dir mal ein Buch über CSS. Bücher helfen oft mehr als das Internet.)

Zumindest bedeutet der Wert: absolute, dass der Container bzw. jedes andere Element auch, absolute zum übergeordneten Container angeordnet werden soll. I.d.R. zum Browserfenster.
Du möchtest aber, dass der Container absolute zum unteren Container angeordnet werden soll!? Deswegen musste du dem übergeordneten das mitteilen, in dem du ihn die Position:relative zuordnest.

Z-Index nutzt du erst dann, wenn du mehrere Container überordnen willst.

Ich hoffe ich konnte dir helfen, und die Hilfe kommt nicht zu spät.

Gruß Daniel

#3

Hallo Daniel,

Falsch! Du muss erst einmal versuchen zu verstehen, dass
eigentlich die verschiedenen Werte für Position bedeuten.
(Tipp: Kauf dir mal ein Buch über CSS. Bücher helfen oft mehr
als das Internet.)

Hab ich und immer wenn ich Zeit finde geh ich dieses Schritt für Schritt durch.

Zumindest bedeutet der Wert: absolute, dass der Container bzw.
jedes andere Element auch, absolute zum übergeordneten
Container angeordnet werden soll. I.d.R. zum Browserfenster.
Du möchtest aber, dass der Container absolute zum unteren
Container angeordnet werden soll!?

Ich dachte mir das so:
Da ich die Grafik in eine Spalte (Zelle) einer Tabelle einbinde, welche von einer css class definiert wird, ist doch quasi die Zelle das übergeordnete Element, oder irre ich mich da?
Aus diesem Grund hab ich erst die Positionierung ins Spiel gebracht.

Hast du evtl. einen Lösungsansatz bzw. Vorschlag wie ich das Problem lösen könnte?

MfG Tobias

#4

Soo …

ich weiß nicht ob es der richtige Weg ist, zu mind. funktionierts so.
Musste doch mit absolut und z-index arbeiten.

Hab zwar das Problem mit dem IE, aber das gab es schon vorher.
Für den muss ich bei Helegenheit ne extra css basteln.

Dank dir :smile:

Schönes Wochenende - Gruß