Sönke Tesch: Layer-Begrenzung und Hintergrundbild

Beitrag lesen

Die Darstellungsprobleme im IE habe ich jetzt auch geloest, align="left" in der img-Referenz hat geholfen. Wie kann ich das auch per CSS loesen?

float:left ist das entsprechende CSS-Konstrukt. Probiere auch mal display:block.

Seit der Umstellung des Doctypes scheint Mozilla mein externes Stylesheet nicht mehr lesen zu wollen. Woran kann das liegen?

Wenn's mit Netscape 6+ klappt, mit Mozilla aber nicht, würde ich wie Christian eher auf ein temporäres Problem schließen. Die beiden Browser sind schließlich fast identisch.

Dann solltest Du in Betracht ziehen, mehr mit HTML-Tags zu arbeiten (zur Strukturierung) und CSS per @import einzubinden, so daß Netscape 4 nur reines HTML vorgesetzt bekommt. Das sieht dann zwar nicht knallig-bunt aus, aber wenigstens kann es jeder lesen.

Was meinst du damit genau?

In der HTML-Datei _nur_ die logische Struktur der Seite und das _komplette_ Layout in eine CSS-Datei. Diese CSS-Datei wird per

<style type="text/css">
  @import url(style.css)
  </style>

eingebunden. Netscape 4 kennt @import nicht, ignoriert deshalb das Stylesheet, kann dementsprechend auch nicht drüber stolpern und alles durcheinanderwürfeln, sondern zeigt die HTML-Datei einfach "roh" an.
Das hat den IMHO nicht zu unterschätzenden Vorteil, daß man sich mit CSS weitesgehend austoben kann, aber Netscape 4-Nutzer trotzdem mit der Seite etwas anfangen können.

Siehe beispielsweise http://alistapart.com/ oder http://kino-fahrplan.de/programm/ (ok, Eigenlob stinkt:). Hier im Forum finden sich auch eine ganze Reihe von Diskussionen zu dem Thema (Stichworte CSS, Netscape, Trennung, Inhalt, Layout, Design).

Gruß,
  soenk.e