nicht angemeldet
Hallo Cyx23!
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.
Toll, inklusive Browserweiche! Mich hat nur etwas irritiert, dass das Beispiel aus selfhtml als unter NS4 lauffähig beschrieben ist (was es ja so nicht ist...)
Wenn ich auf meiner Seite die margins entferne, sieht das Ergbnis so aus:
Moz1.4: Bild linksbündig, Text rechts und unten "klebt" am Bild
IE6: Bild linksbündig, Text rechts ca.1-2px Abstand, unten ca.1em
NS4.75: ca.2px links und rechts vom Bild, 1.Absatz nicht fett, unten kein Abstand
Habe ich dich richtig verstanden: für Bild und Text Klassen im externen Stylesheet _mit_ margin, und im Abschnitt der NS4-Browserweiche _ohne_ ?
mfg Alfie