Ausrichtungsproblem: div rechts oben innerhalb div ausrichten

[Enrico]

Hallo,

bitte entschuldigt, dass ich ein neues Posting eröffnet habe, aber meine letzte Frage ist bereits zwei Tage alt und ich weiß nicht, ob hier noch jemand schreiben möchte.

Gut, dann gehe ich bei der Ausgabe von (Gästebuch)-Einträgen von Tabellen weg, eine Liste erscheint mir (für meine Zwecke) nicht geeignet, deshalb möchte ich zu div-Konstruktionen wechseln.

Prinzipiell sollen die (Gästebuch-)Einträge so angezeigt werden, d.h. ich möchte den durch die Initialien geschaffen Freiraum für zusätzliche Angaben (Name, Datum und später noch Links) nutzen.

Leider ist es nun aber so, dass der div "Rechts_oben" nicht, wie gewünscht, rechts oben dargestellt wird, sondern am Ende der (Gästebuch-)Einträge.

--------
php-Code
--------

for ($i = $Anfang; $i < $Ende; $i++)
   {
      $Spalte = explode ("|", $Zeile [$i]);

$Datum  = $Spalte [0];
      $Inhalt = $Spalte [1];

$Anfangsbuchstabe      = substr ($Inhalt, 0, 1);
      $Inhalt                = substr ($Inhalt, 1, strlen ($Inhalt) - 1);
      $Anfangsbuchstabe_Pfad = "../Grafiken/Eintraege__first_letter__" . $Anfangsbuchstabe . ".png";

list ($Breite, $Hoehe) = getimagesize ($Anfangsbuchstabe_Pfad);

$Ausgabe .= '<div class="Eintrag">';
      $Ausgabe .= '<img src="' . $Anfangsbuchstabe_Pfad . '" width="' . $Breite . 'px" height="' . $Hoehe . 'px">';
      $Ausgabe .= $Inhalt;
      $Ausgabe .= '<div class="Rechts_oben">' . $Datum . '</div>';
      $Ausgabe .= '</div>';

if ($i < $Ende - 1)
      {
         $Ausgabe .= '<br>';
      }
   }

--------
css-Code
--------

div.Eintrag
{
   background-image:    url('../Grafiken/Eintraege__Anfuehrungszeichen.png');
   background-position: top left;
   background-repeat:   no-repeat;
   margin:              0px;
   padding:             0px;
   text-align:          justify;
   text-indent:         22px;
   width:               100%;
}

div.Eintrag div.Rechts_oben
{
   position: relative;
   right:    0px;
   top:      0px;
}

Wie bekomme ich es hin, dass der div "Rechts_oben" wie gewünscht auch rechts oben innerhalb des jeweiligen div "Eintrag" ausgegeben wird?

Vielen Dank für eure Hilfe.

Gruß
Enrico

[ChrisB]

Hi,

Gut, dann gehe ich bei der Ausgabe von (Gästebuch)-Einträgen von Tabellen weg, eine Liste erscheint mir (für meine Zwecke) nicht geeignet,

Warum sollte sie das nicht sein?

deshalb möchte ich zu div-Konstruktionen wechseln.

Wenn du von der Tabelle zur Div-Suppe wechselst, nur weil du mit Listen nicht umzugehen weißt, ist das immer noch kein sonderlicher Fortschritt.

Leider ist es nun aber so, dass der div "Rechts_oben" nicht, wie gewünscht, rechts oben dargestellt wird, sondern am Ende der (Gästebuch-)Einträge.

---

php-Code

Zum x-tausendsten verflixten Mal: Wenn du ein clientseitiges Problem diskutieren willst – dann verschone uns mit serverseitigem Code …!

Wie bekomme ich es hin, dass der div "Rechts_oben" wie gewünscht auch rechts oben innerhalb des jeweiligen div "Eintrag" ausgegeben wird?

In dem du uns erst mal ein Online-Beispiel zeigst, an dem das bisherige Verhalten ersichtlich wird.
Valides HTML und CSS ist dabei die absolute Mindestvoraussetzung.
Und sinnvolles HTML solltest du auch gleich draus machen - also Liste statt Div-Suppe.

MfG ChrisB

[Enrico]

Hallo ChrisB,

dann verschone uns mit serverseitigem Code …!

Wenn ich meinen php-Code hier (in diesem Forum) als reinen "html-Code" notiert hätte, wäre es für Dich in Ordnung gewesen?

Sicher ist es ein clientseitiges Problem und sicher liegt es an einem oder mehreren fehlenden oder falschen css-Angaben und da ich hier nicht weiter komme bat ich um Hilfe.

Div-Suppe

Wieso sollten zwei ineinander verschachtelte div-Bereiche einer Suppe gleichen?

Ich erachte dies als die für mich passende Struktur, eine Liste würde die selben css-Definitionen benötigen (ergänzt um ein paar weitere Angaben, um das Aufzählungszeichen weg zu bekommen etc.).

In dem du uns erst mal ein Online-Beispiel zeigst

Ein Klick auf den angegebenen Link "so" und man sieht das Verhalten.

Gruß
Enrico

[ChrisB]

Hi,

dann verschone uns mit serverseitigem Code …!

Wenn ich meinen php-Code hier (in diesem Forum) als reinen "html-Code" notiert hätte, wäre es für Dich in Ordnung gewesen?

Sicher ist es ein clientseitiges Problem und sicher liegt es an einem oder mehreren fehlenden oder falschen css-Angaben und da ich hier nicht weiter komme bat ich um Hilfe.

Wir wissen nicht im mindesten, welche Variablenwerte in deinem PHP-Script vorliegen – also wissen wir auch genauso wenig, welchen HTML-Code dein Script letztendlich produzieren wird.
Ergo haben wir das, was für die Diskussion eines clientseitigen (Formatierungs-)Problems interessant ist – das CSS *und* HTML – also (immer noch) nicht vorliegen.

Was ist denn daran so schwer zu verstehen? *seufz*

Div-Suppe

Wieso sollten zwei ineinander verschachtelte div-Bereiche einer Suppe gleichen?

Wenn du ein generisches, selbst bedeutungsloses Element wie DIV oder SPAN einem verfügbaren Element, welches geeigneter wäre, die Struktur des Inhaltes sinnvoll auszuzeichnen, vorziehst - dann ist das der Beginn des Suppe-Kochens.

Ich erachte dies als die für mich passende Struktur, eine Liste würde die selben css-Definitionen benötigen (ergänzt um ein paar weitere Angaben, um das Aufzählungszeichen weg zu bekommen etc.).

Du willst eine *Liste* von Einträgen ausgeben.
Dazu sind bedeutungslose DIVs *nicht* die passende Struktur.

In dem du uns erst mal ein Online-Beispiel zeigst

Ein Klick auf den angegebenen Link "so" und man sieht das Verhalten.

Da sieht ein Bildchen, wie es sein soll – mehr nicht.
Warum du es nicht so hinbekommen hast, wie du es haben willst, ist daran selbstverständlich nicht zu erkennen.

Was verflixt noch mal sträubt sich in dir eigentlich derart hartnäckig dagegen, ein Problem mal vernünftig nachvollziehbar zu beschreiben?
Du bist doch inzwischen lange genug hier dabei, dass du die Grundlagen einer brauchbaren Problembeschreibung inzwischen kennen solltest …

MfG ChrisB

[Enrico]

Hallo ChrisB,

das CSS *und* HTML – also (immer noch) nicht vorliegen

Wenn ich mir den Quelltext ansehe, dann habe ich folgende Ausgabe im Browser:

<div class="Eintrag">
      <img src="../Grafiken/Eintraege__first_letter__L.png" width="29px" height="38px">orem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nunc velit, [...]
      <div class="Rechts_oben">01.06.2011</div>
   </div>

Da sieht ein Bildchen, wie es sein soll – mehr nicht

Nein, man sieht, wie es ist und so, wie es derzeit ist, ist es nicht so, wie ich es mir vorstelle.

Du willst eine *Liste* von Einträgen ausgeben

Gut, greife ich auf und versuche, es auf mein Vorhaben umzumünzen:

(Gästebuch-)Eintrag 1:

<ul> <--- Hintergrundgrafik mit Anführungszeichen
      <li></li> <--- "Container" für Datumsausgabe bzw. auch weiteren Links
      <li></li> <--- Eigentlicher Eintrag mit Initial
   </ul>

(Gästebuch-)Eintrag 2:

<ul> <--- Hintergrundgrafik mit Anführungszeichen
      <li></li> <--- "Container" für Datumsausgabe bzw. auch weiteren Links
      <li></li> <--- Eigentlicher Eintrag mit Initial
   </ul>

Ist dies, was Du mit Liste meinst?

ein Problem mal vernünftig nachvollziehbar zu beschreiben?

Dachte nicht, dass meine Problembeschreibung so schwierig nachvollziehbar wäre, zumal sich mein Problem (mehr oder weniger) "nur" auf ein (oder zwei oder auch drei) fehlende (oder falsch notierte) Angaben bezieht.

Du bist doch inzwischen lange genug hier dabei

Das ist richtig und nicht umsonst ;-)

Gruß
Enrico

[ChrisB]

Hi,

Wenn ich mir den Quelltext ansehe, dann habe ich folgende Ausgabe im Browser:

Schön für dich.
Von einem Online-Beispiel, auf dem man das Problem live betrachten kann, sind eine handvoll Zeilen HTML-Code immer noch meilenweit entfernt.

Da sieht ein Bildchen, wie es sein soll – mehr nicht

Nein, man sieht, wie es ist und so, wie es derzeit ist, ist es nicht so, wie ich es mir vorstelle.

Bild bleibt Bild.
Und da du letztendlich kein Bild erstellen willst, sondern eine Webseite, sagt es herzlich wenig aus.

Du willst eine *Liste* von Einträgen ausgeben

Gut, greife ich auf und versuche, es auf mein Vorhaben umzumünzen:

(Gästebuch-)Eintrag 1:

<ul> <--- Hintergrundgrafik mit Anführungszeichen
      <li></li> <--- "Container" für Datumsausgabe bzw. auch weiteren Links
      <li></li> <--- Eigentlicher Eintrag mit Initial
   </ul>

(Gästebuch-)Eintrag 2:

<ul> <--- Hintergrundgrafik mit Anführungszeichen
      <li></li> <--- "Container" für Datumsausgabe bzw. auch weiteren Links
      <li></li> <--- Eigentlicher Eintrag mit Initial
   </ul>

Ist dies, was Du mit Liste meinst?

Nein, das sind mehrere Listen, die die einzelnen Bestandteile eines Eintrags jeweils als Liste auszeichnen.

ein Problem mal vernünftig nachvollziehbar zu beschreiben?

Dachte nicht, dass meine Problembeschreibung so schwierig nachvollziehbar wäre

„So soll’s aussehen, tut’s aber nicht – hier ein bisschen PHP-Code […]“ macht dein Problem nicht mal *ansatzweise* nachvollziehbar.

zumal sich mein Problem (mehr oder weniger) "nur" auf ein (oder zwei oder auch drei) fehlende (oder falsch notierte) Angaben bezieht.

Das wissen wir noch gar nicht.
Derzeit wissen wir nur, dass erst mal ein Problem mit der grundlegenden HTML-Struktur vorliegt.

MfG ChrisB

[Enrico]

Hallo ChrisB,

eine einfache Umstellung der Reihenfolge im über php zu erzeugenden html-Code brachte mir die Lösung.

Trotzdem Danke für Dein Engagement.

Gruß
Enrico