nicht angemeldet
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