alfie: CSS Grafikausrichtung NS4.7x

Beitrag lesen

Hallo Cyx23!

Ignoriere einmal den Rest der Seite, mich interessiert jetzt nur 'mal das Bild "Augustine". Die Absätze davor und danach sollten normal sein, die Absätze rechts daneben fett.

das (fett/normal) sind sie möglicherweise bereits, vielleicht stimmt bei Netscape 4 die Schriftgrösse nicht.
Bei der mitunter fehlenden Vererbung oder Styleverlust bei bestimmten CSS-Kombinationen empfiehlt
sich sowieso ggf. redundante Angaben zu machen, oder die Verschachtelungen zu reduzieren.

Beim geposteten Beispiel könnte wohl auch im späteren Netscape 4 Teil ein {margin:0;} das
das klappt so übrigens nicht, also (ohne Hilfs-Div, aber mit <img class=aug..) margin besser verstecken:

img.augustine {float:left; /*/*//*/width:240px;/* */}
 * img.augustine {margin-right:1.2em}

Also nach ziemlichem Gebastel - für meinen Geschmack ein etwas hoher Anteil von Trial-and Error - jetzt die Variante, mit der ich leben kann:

im externen Style-sheet

für alle Browser
    img.augustine {float:left;width:240px;margin-right:1em;margin-bottom:0.5em;}
  für NS 4.x
    img.augustine {float:left;width:240px;}

in hysterie.htm

<p>Absatz oberhalb</p>
<img class="augustine" src="...">
<p><br><strong>1.Absatz</strong></p>
<p><strong>2.Absatz</strong></p>
<p><strong>3.Absatz</strong></p>
<p style="clear:left">Absatz unterhalb</p>

Erklärung:
ohne das einleitende <br> im 1.Absatz wird im NS4.7 die 1.Zeile um 240px eingerückt;
alle anderen Kombinationen mit übergreifenden divs oder CSS-Klassen zur Formatierung einzelner Absätze funktionieren mit NS4.75 einfach nicht (der 1.Absatz wird _nicht_ fett, die erste Zeile "vergisst" die 240px Einrückung,...), daher wie anno dunnemal <strong></strong>...

Alle (Theater-)Projekte der Site haben _zunächst_ einmal ein identes Layout (screen.css und print.css). Aber da sich die Projekte unterscheiden, tun es die Einzelseiten auch ;-)
Im Ernst: mir graut etwas davor, auch noch im Head jeder Seite noch diverse Klassen inklusive Browserweichen für Elemente einzubauen, die nur einmal vorkommen.

Warum? Die Inlinestyles sind doch umständlicher, und m.E. nicht performanter.

Ja, du hast mich wirklich überzeugt!

Aber vermutlich bleibt mir das zumindest bei so sensiblen Bereichen wie {float:} nicht erspart.

Also da du notfalls bei den Inlinestyles sowieso auf eine Trennung von "Inhalt" und "Layout" verzichtest,
kannst du gut mit align und hspace, vspace arbeiten und die nötigen Browserweichen
reduzieren, also ggf. mal ein "*" vor eine Anweisung setzen. Da hier kein semantisch falsches HTML
entsteht sondern nur veraltete Attribute genutzt (und vielleicht von zukünftigen Browsern nicht
beachtet) werden womöglich die beste Lösung.

Lösungen ohne CSS-Weichen werden oft nur durch zusätzliche Hilfselemente, Containerdivs
und Konstruktionen wie <br style="clear:both"> möglich, und funktionieren oft doch nur
durch zusätzliche Anpassung weil sich zeigt dass Browser xy das <br> besser mit
display:none verträgt.. Also oft verbasteltes HTML mit zwar angeblich semantisch sinnfreien
Elementen wie Div und span, aber doch voll von Layoutbeschreibungen.

Da sind CSS-Weichen konsequenter, reduzierteres richtiges HTML und mehr Layout im CSS,
zugleich zentrale Fehlerbehandlung für bestimmte Browser.

100%ige Zustimmung, was mich nur etwas irritiert, ist dieses ständige "Gebastel"...

mfg Alfie