nicht angemeldet
Hallo Alfie,
Moz1.4 und IE6 ok, NS4.75 schiebt den 1. Absatz bis zum 1. <br> unter das Bild, Schrift wird nicht fett formatiert. Ab dem 2. Absatz alles im Lot.
bei der jetzigen Version wird noch Text überdeckt,
<div style="float:left;width:227px; _margin-right:1.25em;_ margin-bottom:0.625em">
ausserdem kann der Verzicht auf Inlinestyles Vorteile haben.
BTW, obwohl als für NS4 geeignet angegeben, verhaut der NS4.75 das Beispiel http://de.selfhtml.org/css/eigenschaften/anzeige/clear.htm total...
Das ist kein aussagefähiges Beispiel für clear, denn da passiert sonst viel zu viel, und Netscape 4 stört sich auch nicht an clear sondern am margin.
Eine Lösung kann so aussehen:
<html><head><title>xx</title>
<style>
#de{float:left; border:solid 1px red; text-align:center}
* #de{margin-right:20px;margin-bottom:20px;}
#se{font-family:Algerian,serif; font-size:72pt; color:red}
.cl{clear:left;}
.fs{font-size:1.2em}
/*/*//*/{! i{}
#de{marginright:0;marginleft:0;width:120px;}
p.fs{marginleft:20;}
p.cl{position:relative;top:20;}
*}{}/* */
</style>
</head>
<body>
<div id=de>
Kapitel<br>
<span id=se> 1 </span></div>
<p class=fs>In diesem Kapitel geht erst mal um Einführendes</p>
<p class=cl>Dann kommen wir mal zur Sache: ...</p>
</body>
</html>
Wobei ich grundsätzlich eher auf einige Anpassungen verzichten würde und
eine sparsamere Variante suchen würde.
Grüsse
Cyx23