|
|||
Grafik unten rechts im div?
Hallo und einen guten Tag, nach 3 tagen vergeblicher Mühe bin ich nun bei euch gelandet und ich hoffe hier auf eine Lösung meines Problems.
gegeben sei folgender Sachverhalt;eine Box mit textinhalt und einer grafik die immer rechts unten sitzen soll wobei der Text um die Grafik fließen soll: Code:
<div class="smallfont"> <img style="float:left;margin: 0 2px 2px 0;" src="test/demopic.gif" alt="This is a Demo-Picture" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat <br /><br />nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi</div> Code:
<div class="smallfont"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat <br /><br />nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi <img style="float:right;margin-top: -50px;" src="test/demopic.gif" width="50px" height="50px" alt="This is a Demo-Picture" /></div> |
Sponsored Links |
|
|||
Um das Bild nach rechts zu bekommen, kannst Du float:right benutzen. Um das Bild nach ganz unten zu bringen, weiß ich im Moment hingegen nichts.
Vielleicht kann man ausnutzen, dass der Text den ganzen Div ausfüllt und somit das Bild an die untere Kante "drückt" (Erst den Text, dann das Bild)
__________________
... Meine Meinung |
Sponsored Links |
|
|||
Zitat:
|
|
|||
Zitat:
Code:
<div class="smallfont"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat <br /><br />nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi <img style="float:right;margin-top: -50px;" src="test/demopic.gif" width="50px" height="50px" alt="This is a Demo-Picture" /></div> so sitzt die Grafik unten rechts aber der text geht einfach darunter bzw. im Firefox darüber weiter und bricht nicht an der grafik um...mfg rene' ps:einen Link kann ich dir im moment nicht geben da ich derzeit nur local hier teste. |
|
|||
Gib dem div ein position: relative und dem img ein position: absolute mit right:0 und bottom:0;
Vieleicht geht es so. EDIT: Gerade getestet. Dabei fließt der Text unter das Bild. Geändert von ONeill (08.08.2006 um 17:40 Uhr) |
|
|||
Zitat:
@oNeil - Logisch, damit nimmst Du das Bild ja aus dem Fluss..
__________________
... Meine Meinung |
|
|||
Zitat:
@ONeill,so funktioniert das ganze net*örgss* die positionierung is ja krass dann in beiden Browsern und wie du schon schriebst, der text geht unter der grafik einfach weiter und bricht nicht um,ich denke mal die lösung mit dem margin-top:-50px war da schon besser,man muß nun nurnoch irgendwie den text dazu bewegen an der garfik umzubrechen mfg rene' |
|
|||
Zitat:
__________________
... Meine Meinung |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Bild rechts & links an mittig positioniertem DIV anbringen | skrippi | CSS | 12 | 24.01.2013 14:23 |
Div mit Grafik abschließen | Hagbard-Celine | CSS | 6 | 12.08.2012 12:37 |
div von links nach rechts scrollen | salt&indigo | CSS | 8 | 13.07.2012 16:27 |
CSS - CMS - lange Menus Balken/BG oben? | shinobi | CSS | 3 | 13.10.2011 22:12 |
Elemente in einem Div Container links & rechts ausrichte | oliwa | CSS | 8 | 16.07.2004 15:39 |