Problem bei Positionierung einer Grafik

[Sven]

Moin zusammen,

ich habe ein DIV erstellt und es mit einer background-color versehen. Jetzt habe ich sozusagen einen Rahmen als Grafik in dem DIV eingefügt, der genau passend platziert werden soll. Da das DIV dynamische Größe hat, ist das nicht so einfach.

Hier einmal die Seite zum ansehen, da wird auch das Problem deutlich:
http://www.wollny-online.eu/test.html

Und so sollte es eigentlich aussehen:
http://www.wollny-online.eu/test.jpg

Hat jemand einen Tipp, wie ich das hinkriegen könnte?

Mein DIV sieht so aus:

<div class="test1">
<img id="rahmen_ro" src="rahmen_ro.gif" width="123" height="123" border="0" />
<img id="rahmen_lu" src="rahmen_lu.gif" width="123" height="123" border="0" />
<h2>Title</h2>
<p style="padding:0 5px 0 5px;">Hier der Text, hier der Text, hier der Text, hier der Text, hier der Text, hier der Text, hier der Text, hier der Text, hier der Text, hier der Text, hier der Text, hier der Text, hier der Text.</p>
</div>

In der CSS-Datei wird dann zum einen festgelegt, wie "test1" aussehen soll und zum anderen die Positionierung der beiden Grafiken "rahmen_ro" und "rahmen_lu" vorgenommen.

.test1  {
padding:0;
margin:0 5px 0 0px;
font-family:Verdana, Arial, Helvetica, Sans-Serif;
font-size:12px;
background-color:#EBF1FB;
height:auto;
}

#rahmen_ro {
position:absolute;
padding:0;
margin:0;
text-align:right;
top:0;
}

#rahmen_lu {
position:absolute;
padding:0;
margin:0;
text-align:left;
left:0;
bottom:0px;
}

Klappt aber nicht - nichtmal ansatzweise. Ich hab stundenlang rumprobiert, und jetzt hab ich mal die mir am logischsten erscheinende Lösung hochgeladen und wende mich mal an euch.

Vielleicht hat ja jemand ne Lösung, wäre toll!

Grüße
Sven

[wahsaga]

hi,

Und so sollte es eigentlich aussehen:
http://www.wollny-online.eu/test.jpg

Hat jemand einen Tipp, wie ich das hinkriegen könnte?

Ich würde vermutlich schlicht zwei Elemente ineinander verschachteln, und dann die beiden Bilder als Hintergrundbilder einsetzen - das eine im einen Element oben rechts, das andere im anderen unten links angebracht.

gruß,
wahsaga

[Marcel]

Danke für die Antwort, aber welche "Techniken" gibt es denn da?

[wahsaga]

hi,

Danke für die Antwort, aber welche "Techniken" gibt es denn da?

Die genannten.

Nachzulesen in SELFHTML.

gruß,
wahsaga

[RuD]

Hi,
genau so hab ichs gemacht:

Div (Hintergrundbild oben rechts) im Div (Hintergrundbild unten links)

Sollte helfen: [Link:http://de.selfhtml.org/css/eigenschaften/hintergrund.htm]

Tschau

[Sven]

Hi,
genau so hab ichs gemacht:

Div (Hintergrundbild oben rechts) im Div (Hintergrundbild unten links)

Hmm, klingt nach einer Möglichkeit. Mal probieren, thx :)