Also gut. Nochmal gaaaanz ausführlich
was soll da also unten rechts sein , der text ist sagen wir
mal 14px hoch , damit ist das bild größer als der text , somit
ist das div so groß wie der text.
vielleicht wolltest du irgendwas floaten , so das der text um
das bild fließt .
aber du sagst nur unten rechts , und dafür ist das was du da
angegeben hast ungenügend .
Ohne höhen angabe ist der inhalt wichtig und der scheint ja
der text zu sein .
[…]
also kläre uns auf , so ist das milde gesagt ein unsinniges
Beispiel .
Naja, also ich dachte das funktionale Konzept von „Lorem ipsum“ sei bekannt. Dann eben nochmal ausführlich:
#außen {
float: left;
position: relative;
width: 300px;
}
# bild {
float: right;
right: 0;
bottom: 0;
position: absolute;
}
**Lorem ipsum dolor sit amet, consectetur, adipisci velit** viel Text und Zeugs ... (so stehts schon oben, aber es war wohl nicht ganz klar, daß hier wirklich mehr hin sollte, darum noch etwas mehr, damit ich nicht mehr, milde gesagt, Unsinn hier stehen habe). Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. 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
Aussehen soll das alles so:
┌──────────────────────────────────────────────┐
│Lorem ipsum dolor sit amet, consectetur, │
│adipisci velit viel Text und Zeugs ... (so │
│stehts schon oben, aber es war wohl nicht │
│ganz klar, daß hier wirklich mehr hin sollte, │
│darum noch etwas mehr, damit ich nicht │
│mehr, milde gesagt, Unsinn hier stehen habe). │
│Duis autem vel eum iriure dolor in hendrerit │
│in vulputate velit esse molestie consequat, │
│vel illum dolore eu feugiat nulla facilisis │
│at vero eros et accumsan et iusto odio │
│dignissim qui blandit praesent luptatum │
│zzril delenit augue duis dolore te feugait │
│nulla facilisi. 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 │ ││
│exerci tation ullamcorper │ ││
│suscipit lobortis nisl ut │ IMG ││
│aliquipex ea commodo conse- │ ││
│quat. Duis autem vel eum │ ││
│iriure dolor in hendrerit in └───────────────┘│
└──────────────────────────────────────────────┘
Also nochmal zusammengefaßt: Es gibt eine DIV-Box, die im Beispiel eine variable Höhe und eine feste Breite hat. Die feste Breite ist für die Fragestellung bzw. die Problemschilderung nicht zwingend, scheint aber für das Verständnis hier hilfreich zu sein. In dieser DIV-Box gibt es einiges an Text und ein im Flächenvergleich kleineres Bild. Das Bild soll in der rechten unteren Ecke der DIV-Box positioniert und vom Text umflossen sein.
Jetzt klar? Wie CSSe ich das?
Vielen Dank.
JK
