CSS: Bild rechts, Text mit Abstand links
 

Hi,
ich möchte links ein Bild platzieren, der Text soll links herumfloaten und einen Abstand am Beginn des Textes haben und einen solchen beim Bild berücksichtigen. Habe schon einiges probiert, mit border und so, keines funktioniert so richtig.

Mein gekürzter Code:
<div style="float:right;">
<div style="float:right; align=right; height:440px; width:300px;">
<img src='images/DSC2026.jpg'>
<div>Bildtext</div>
</div>
</div>

<div>fffsd (Text wegen Abstand hier länger)
</div>

(Nachdem das Bild im Endausbau einen Rahmen hat und der Text auch noch fix dabei sein soll, mehrere verschachtelte divs.)

Ergebnis Internet Explorer: Text wird unterhalb des Bildes geschrieben.

Ergebnis Firefox: Text zwar links, allerdings hätte ich gerne einen Abstand zum Bild und auch links gerne. Ein evtl. <hr> darf nicht über das Bild gehen. Ein <h2> zog mir auch schon einen Strich unter der Überschrift über das Bild.

Wer hat einen Tipp?

Abstände mit margin (außen) oder padding (innen)
<h2> ist ein block-element und erzeugt einen neuen Absatz
<b> ließe sich sytclen z.B über .art b{....;} dann werden die anderen <b>old nicht betroffen

<div class="art">
<p><img class="right" src="bilder/abc.jpg"><b>Überschrift</b>
<p>Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</p>
</div>

css:
.art {height:xxx;width:xxx;
padding:15px;
//text-align:justify; oder auch nicht
display:block;
}
.right {
margin:5px;
border: 2px solid rgb(143,143,143);
float: right;
}

ps:die vielen Divs stören, versuche mit möglichst vielen html-Tags zu scripten und diese dann mit CSS-Code anzupassen. Stichwort Listen!

Danke, funktioniert jetzt.

ein kleiner tipp
im forum programmierung wär der thread besser aufgehoben gewesen :engel: