Border soll kurzen Text und Bild umrahmen

schluggy · #1 (**permalink**) 26.10.2005, 15:44

Hallo!

Ich habe folgendes Problem:

Code:

<div style="border: 1px solid #000000">
	


		<img src    = "bild.jpg"
		     width  = "100"
		     height = "100"
		     alt    = "ich bin eine bildbeschreibung"
		     style  = "float: right;"
		>

		Ich bin noch eine etwas längere oder
		weniger längerer Text
	</p>
</div>

Wenn nun der Text kürzer als das Bild ist, wird der Rahmen direkt unter dem Text beendet, udn nicht erst unter dem Bild.

Habe mir jetzt geholfen, in dem ich nach dem </p>-Tag ein

Code:

<div style="clear: both;"></div>

gesetzt habe.
Diese Lösung finde ich jedoch sehr schlecht, da der IE udn Opera dann einen Abstand zum Rahmen machen.

Für Lösungsvorschläge/-ansätze und -hilfe bin ich dankbar.

ulle · #2 (**permalink**) 26.10.2005, 15:58

Bild mit Bildunterschrift einfach innerhalb einer Definitionsliste, dann sind Deine Layout-Wünsche einfach umzusetzen.

schluggy · #3 (**permalink**) 26.10.2005, 16:04

Zitat:

Zitat von ulle

Bild mit Bildunterschrift einfach innerhalb einer Definitionsliste, dann sind Deine Layout-Wünsche einfach umzusetzen.

Konkret geht es um Adressen die neben einem Logo stehen. Da stellt sich für mich die Frage, ob eien Definitionsliste das richtige ist.

ulle · #4 (**permalink**) 26.10.2005, 19:12

Ja ist denn das Logo auch Inhalt der Page ?

Oder einfach nur Layout

schluggy · #5 (**permalink**) 26.10.2005, 19:40

Zitat:

Zitat von ulle

Ja ist denn das Logo auch Inhalt der Page ?

Oder einfach nur Layout

Inhalt.

Habe es jetzt wie folgt gelöst:

Code:

<div style="border: 1px solid #000000; width: 100%; float: left;"> 
   <p style="clear: both;"> 
      <img src    = "bild.jpg" 
           width  = "100" 
           height = "100" 
           alt    = "ich bin eine bildbeschreibung" 
           style  = "float: right;" 
      > 

      Ich bin noch eine etwas längere oder 
      weniger längerer Text 
   </p> 
   <p style="clear: both;"> 
      <img src    = "bild.jpg" 
           width  = "100" 
           height = "100" 
           alt    = "ich bin eine bildbeschreibung" 
           style  = "float: right;" 
      > 

      Ich bin noch eine etwas längere oder 
      weniger längerer Text 
   </p> 
</div>

Trotzdem Danke.
(Die Bildunterschrift Geschichte kann ich trotzdem gut gebrauchen...)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Hintergrund wird nicht angezeigt	maxx	CSS	6	14.10.2012 18:27
Wachsende Container	Andy CD	CSS	13	10.02.2010 13:08
Zeilenabstand bei font-Angabe wieder weg	nick	CSS	7	16.02.2008 14:39
Problem mit div und Höhe	deep4	CSS	2	13.11.2007 20:03
Falsche Darstellung beim Internet Explorer	LordAvalon	CSS	4	09.04.2007 16:22