Felix: Textumfluss im DIV

Beitrag lesen

Hallo,

hier steht alles was du wissen willst:

http://www.edition-w3c.de/TR/1998/REC-CSS2-19980512/kap09.html#heading-9.5

mfg NAG

Hier mal ein einfaches Beispiel, damit man sehen kann wie es nicht funktioniert:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<div style="background-color: #dddddd;">
<img src="http://www.google.de/intl/de_de/images/logo.gif" style="float: left;">
Text für Textumfluss
<div>
</body>
</html>

Wenn man das float bei dem Bild wegnimmt, dann wird das Bild auch vom DIV wieder voll umschlossen. Ein Trick wäre natürlich, ein <p>-element oder so mit nem style="clear:left;" hinterzustellen. Aber der Internetexplorer zeigt dann leider den Text neben dem Bild nicht mehr an. Also nur indirekt, wenn man ihn markiert dann schon. Oder wenn man wegscrollt und dann wieder hin. Aber das ist ja nicht das wahre.