Autor |
Nachricht |
Kleopatra
Threadersteller
Dabei seit: 21.01.2003
Ort: Konstanz
Alter: 42
Geschlecht:
|
Verfasst Mi 20.10.2004 14:33
Titel DIV Problem: Text neben Bild |
|
|
Hallo,
ich habe ein kleines Problem, und zwar möchte ich neben einem Bild einen Text haben, der aber nicht umbricht und umfliesst falls dieser länger sein sollte als das Bild. Gibt es da eine Möglichkeit die für alle neuen Browser funktioniert?
Wenn ich dem DIV der den Text umgibt margin-left mitgebe macht IE eine Art Treppe/Stufe ...
Hier der bisherige Code:
<div style="float:left;"><img src="/images/27_150x100.jpg" alt="nachdenklich" width="150" /></div>
<div>Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden. Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden. Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden.</div>
Gruß, Kleo
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Mi 20.10.2004 14:40
Titel Re: DIV Problem: Text neben Bild |
|
|
Kleopatra hat geschrieben: | Hallo,
ich habe ein kleines Problem, und zwar möchte ich neben einem Bild einen Text haben, der aber nicht umbricht und umfliesst falls dieser länger sein sollte als das Bild. Gibt es da eine Möglichkeit die für alle neuen Browser funktioniert?
Wenn ich dem DIV der den Text umgibt margin-left mitgebe macht IE eine Art Treppe/Stufe ...
Hier der bisherige Code:
<div style="float:left;"><img src="/images/27_150x100.jpg" alt="nachdenklich" width="150" /></div>
<div style="float: right;">Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden. Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden. Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden.</div><div style="clear: both;"> </div>
Gruß, Kleo |
|
|
|
|
|
Anzeige
|
|
|
myel
Dabei seit: 19.01.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 20.10.2004 14:41
Titel
|
|
|
Code: | wech, da falsch verstanden |
ups der sollte nicht umbrechen wa . hab ich falsch gelesen.
Zuletzt bearbeitet von myel am Mi 20.10.2004 14:43, insgesamt 2-mal bearbeitet
|
|
|
|
|
Kleopatra
Threadersteller
Dabei seit: 21.01.2003
Ort: Konstanz
Alter: 42
Geschlecht:
|
Verfasst Mi 20.10.2004 14:49
Titel
|
|
|
hm, aber mit float:right ist der zwischenraum zwischen den beiden DIVs ja nicht regulierbar ... ich möchte eigentlich schon dass der Text linksbündig neben dem Text steht
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 20.10.2004 14:58
Titel
|
|
|
irgendwie check ich dein problem nich so ganz. irgendwie. hmm. also. du willst das das bild links steht, und der text rechts neben dem bild, aber linksbündig?
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Mi 20.10.2004 14:58
Titel
|
|
|
Kleopatra hat geschrieben: | hm, aber mit float:right ist der zwischenraum zwischen den beiden DIVs ja nicht regulierbar ... ich möchte eigentlich schon dass der Text linksbündig neben dem Text steht |
sahnemuh hat geschrieben: | Kleopatra hat geschrieben: | Hallo,
ich habe ein kleines Problem, und zwar möchte ich neben einem Bild einen Text haben, der aber nicht umbricht und umfliesst falls dieser länger sein sollte als das Bild. Gibt es da eine Möglichkeit die für alle neuen Browser funktioniert?
Wenn ich dem DIV der den Text umgibt margin-left mitgebe macht IE eine Art Treppe/Stufe ...
Hier der bisherige Code:
<div style="float:left;"><img src="/images/27_150x100.jpg" alt="nachdenklich" width="150" /></div>
<div style="float: left; margin-left: 10px;">Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden. Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden. Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden.</div><div style="clear: both;"> </div>
Gruß, Kleo |
|
|
|
|
|
|
Kleopatra
Threadersteller
Dabei seit: 21.01.2003
Ort: Konstanz
Alter: 42
Geschlecht:
|
Verfasst Mi 20.10.2004 15:00
Titel
|
|
|
ja, ich will links ein Text und rechts der Text, aber ich möchte dass der Abstand zwischen Text und Bild immer gelich groß ist, egal wie lang der Text ist oder wieviel Platz nach rechts zur Verfügung steht ...
|
|
|
|
|
Kleopatra
Threadersteller
Dabei seit: 21.01.2003
Ort: Konstanz
Alter: 42
Geschlecht:
|
Verfasst Mi 20.10.2004 15:24
Titel
|
|
|
Zitat: | sahnemuh hat folgendes geschrieben:
Kleopatra hat folgendes geschrieben:
Hallo,
ich habe ein kleines Problem, und zwar möchte ich neben einem Bild einen Text haben, der aber nicht umbricht und umfliesst falls dieser länger sein sollte als das Bild. Gibt es da eine Möglichkeit die für alle neuen Browser funktioniert?
Wenn ich dem DIV der den Text umgibt margin-left mitgebe macht IE eine Art Treppe/Stufe ...
Hier der bisherige Code:
<div style="float:left;"><img src="/images/27_150x100.jpg" alt="nachdenklich" width="150" /></div>
<div style="float: left; margin-left: 10px;">Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden. Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden. Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden.</div><div style="clear: both;"> </div>
Gruß, Kleo
|
also das tut bei mir nur im IE, im Opera und Moz bricht das Text-Div um ...
|
|
|
|
|
|
|
|
Ähnliche Themen |
text und bild neben navigationsleiste
[css] hover-bild neben dem linktext, nicht darunter
javascript - div/bild bei mouseover neben link anzeigen
Bild soll neben den Suchergebnissen bei Google auftauchen.
XML Bild und Text
bild aus text?
|
|