nicht angemeldet
Hallo,
Wenn ich nichts als diesen Code auf einer Seite habe (okay... HTML 4.01 transitional doctype), warum fällt dann die Grafik im Netscape 7.0 aus der Box, wenn align="left" gesetzt ist, aber bleibt drin, wenn es nicht gesetzt ist?
Weil align="left" wie style="float:left;" interpretiert wird und für Floating gilt:
http://www.w3.org/TR/CSS2/visuren.html#floats
...
Since a float is not in the flow, non-positioned block boxes created before and after the float box flow vertically as if the float didn't exist.
...
Macht ein align-Attribut aus einem Inline-Element irgendwas anderes,
Ja, eine Box, die aus dem normalen Fluss herausgelöst ist.
Hier eine Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Floating</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
</head>
<body>
<div style="border: 10px solid black;">
<img src="STONES.JPG" alt="Steine" width="100" height="50" border="0" align="left">
</div>
<hr style="clear:left;">
<div style="border: 10px solid black;">
<img src="STONES.JPG" alt="Steine" style="width:100px; height:50px; border:0 none; float:left;">
</div>
<hr style="clear:left;">
<div style="border: 10px solid black;">
<p style="margin:0; padding:10px;">
<img src="STONES.JPG" alt="Steine" style="width:100px; height:50px; border:0 none; float:left;">
<img src="STONES.JPG" alt="Steine" style="width:100px; height:50px; border:0 none; float:right;">
Dafür ist Floating eigentlich gedacht. Dafür ist Floating eigentlich gedacht. Dafür ist Floating eigentlich gedacht. Dafür ist Floating eigentlich gedacht. Dafür ist Floating eigentlich gedacht. Dafür ist Floating eigentlich gedacht. Dafür ist Floating eigentlich gedacht. Dafür ist Floating eigentlich gedacht. Dafür ist Floating eigentlich gedacht. Dafür ist Floating eigentlich gedacht. Dafür ist Floating eigentlich gedacht. Dafür ist Floating eigentlich gedacht. Dafür ist Floating eigentlich gedacht. Dafür ist Floating eigentlich gedacht. </p>
</div>
<hr style="clear:left;">
<div style="border: 10px solid black; height:50px;">
<img src="STONES.JPG" alt="Steine" style="width:100px; height:50px; border:0 none; float:left;">
</div>
</html>
viele Grüße
Axel