Liebe Xhtml-Gemeinde,

ich hoffe mal das ich in meinem ersten Beitrag nicht gleich gesteinigt werde, aber ich habe schon ein wenig recherchiert und nichts endgültig funktionierendes für mein Problem gefunden.

irgendwie bin ich mit css noch nicht so richtig warm geworden. ich werd immer wieder vor irgendwelche bescheuerten probleme gestgellt die ich bisher mit meinen Tabellen nicht hatte *g*... ne ich will hier auf keinen fall wieder irgendwelche diskusionen anfangen (ich versuchs ja zu lernen ) ich erklärs nun einfach mal

ich hab mal eine grafik erstellt wie es aussehen soll (soweit hab ichs mit css fast schon geschaft):

es funktioniert soweit allerdings mit nur einer einzgen Box... auf Grund der css-eigentschaft "position" werden nachfolgende Boxen immer darüber gelegt... mir ist schon bewusst, dass diese eigentschaft eigentlich mist ist, allerdings hab ich bisher keine andere möglichkeit gefunden, dass die box nur annähernd so aussieht wie ich will.
aktuell sieht es wie folgt aus, wenn ich mehrere solche Boxen hintereinander im HTML-Code unterbringe was sicher an dem position-Attribut hängt:

(in dem Beispiel sind unterschiedlich lange Texte verwendet; Bei gleich langen Texten liegt ja alles genau übereinander; Engine hier: FireFox3)

ich geb euch mal meinen bisherigen code:

CSS:
HTML:
mein Ziel ist es eine mit CSS gestylte Box zu schaffen die in Höhe und Breite Variabel ist. Aktuell ist sie in der Breite fix auf 450px. Das wäre soweit auch nicht so schlimm und auf jedenfall akzeptabel.
Die Box besteht aus 5 Bildern: 1) rechte obere Ecke 2) Mittelteil rechts 3) Ecke rechts unten 4) unteres Mittelteil 5) linke untere Ecke
Ich hab bisher nur mit der Position-Mehtode geschafft die Bilder an die korrekte Position zu verpflanzen. Wenn ich aber dem umgebenden DIV-Container "article_box" das position-Attribut entziehe, dann verflüchtigen sich auch alle verschachtelten Elemente auf das gesamte Browserfenster...

Wäre toll wenn mir jemand dabei helfen könnte und evtl den fehler in meinem Quellcode beheben kann *g* bzw. mir erklären kann welcher Web für dieses Problem der bessere wäre. Vielen Dank schon mal an die CSS Gurus hier

Gute Nacht noch!
Gruß Christian

der text muß in die div's und diese müssen verschachtelt werden.

wenn du Runde und andere Ecken (Webdesign) | andreas-kalt.de durcharbeitest, wirst du dein problem lösen können.

Es könnte auch schon reichen, wenn Du der Artikel-Box anstelle von "position:absolute" ein "position:relative" gibst, dadurch sollten die Artikel-Boxen nicht mehr aus dem Dokumentenfluss genommen werden und regulär untereinander dargestellt werden und die Angaben zu "position:absolute" für die Rahmen beziehen sich dann auf die Eltern-Box (hier: Artikel-Box).

Ansonsten, wie im verlinkten Artikel.

Echt super! Vielen Dank, das hilft ... so einfach kann es sein *g*
Mal schaun was sich noch für Probleme ergeben...

Denk Link werd ich mir trotzdem nochmal genauer zu gemüte führen!

Danke schonmal!

Wenn ich mich nicht irre, dann müsste doch ein einfaches repeat-x statt dem y die Lösung des Problems sein.

Warum eigentlich repeat-y? Da komm ich jetzt nicht ganz mit!

Hi,

das Problem ist ja schon gelöst ... Das Repeat-x/y hätte das Problem natürlich nicht behoben. Das gibt ja nur an in welche Richtung sich das Bild wiederholen soll. Die Problematik war ja auch nicht, dass der Rahmen nicht aufgebaut werden kann (das hab ich ja immerhin mit einem einzelnen geschafft) sondern, dass ich nicht mehrere untereinander platzieren konnte.

und bei dem Tag article_box hab ich einfach die Grafik für den vertikalen rechten Streifen eingebaut und dieser muss sich natürlich auch von oben nach unten wiederholen. Deshalb Repeat-y (du erinnerst dich doch sicher an die X-Y-Graphen aus deiner Mathematik-Schulzeit ; so kann man sichs merken)

Viele Grüße
Christian

Ich bin mir schon im klaren über die Funktion von repeat-x/y. Aber weshalb soll sich der Hintergrund vertikal wiederholen?

Weil der Hintergrund, der sich dort vertikal wiederholt für den rechten Rahmen verantwortlich ist und man nicht weiß, wie hoch die Box ist?

Die Box ist immer so hoch wieder deren Inhalt...
Ich hab die "article_box" ja so eingestellt, dass das Padding auf die Breite der Plazierten Bilder eingestellt ist sodass der Content die Bilder nicht überlagert und die Grafik für rechts wiederholt sich ja sowieso nur bis zum ende der Box... per z-index hab ich festgelegt welche der Grafiken welche Reihenfolge hat.

Ich hoff dass ichs selbst richtig wiedergegeben hab