Hallo,

welche mit Layern & CSS realisierte Website ist euer Favorit?
Suche ein paar Beipiele um auch mal andere Meinung zu hören.

Ich lege zB neben dem Design auch viel Wert auch Browserkompatibilität und Ladezeit.

Freue mich auf zahleiche Links ggfls. mit Kommentaren


---
"Keep It Simple and Stupid"

Eine übersicht von gut gestalteten CSS-Seiten findest Du bei folgenden Projekten:

CSS Vault
CSS Beauty
Stylegala
Web Standards Awards

http://csszengarden.com (bloss ohne layer)

---
get OPERA for free

Ene Site mit Layern zu realisieren, war nie zeitgemäß, denn Layer sind eine Erfindung von Netscape und funktioniert nur in Netscape 4.

Und heutzutage macht man sein Layout mit CSS, ja, aber nicht mit "Ebenen", "divs" oder wie auch immer man sie nennt, sondern man macht die Struktur der Site mit HTML und das Layout mit CSS. <div>s nehmen da keinen besonderen Stellenwert ein, zumal sie semantisch rein gar nichts aussagen. Um ein CSS-Layout zu machen, braucht es kein div, das ist ein weit verbreiteter Irrtum von CSS-Anfängern, die noch nicht den Sinn von "Trennung von Inhalt und Layout" und einem semantisch sinnvollen HTML-Code verstanden haben. Übermäßig angewendete divs führen zu div-Soup die genauso dumm ist, wie Tabellen zu Layoutzwecken zu missbrauchen, und u.U. führt das sogar zu Barrieren.

mmmh, irgendwie fühle ich mich angesprochen :(

doch wie sonst, wenn nicht mit divs?

mit semantischem HTML. <ul><li>... fuer listen, <p> fuer fliesstext, <hx> fuer ueberschriften... und wenn du mal ein nichtssagendes element fuer dein CSS-design brauchst, nimmste ein div oder span.

edit: sieh dir einfach mal den quelltext von csszengarden an.

---
get OPERA for free

bLub schrieb am 01.03.2005 16:24 doch wie sonst, wenn nicht mit divs?

Wie kommst Du denn überhaupt darauf, dass divs irgendwie wichtig wären. Bevor es CSS gab, und bevor man Layout mit Tabellen gemacht hat, was wurde da gesagt? "Mach Deine Website mit <h1>" Hä?
div ist ein bedeutungsloses Block-Element, alles, was Du mit divs machen kannst, kannst Du z.B. auch mit <p> oder <h1> machen.

Aber HoRnominatoR sagt das schon richtig: "Semantisches HTML". HTML so schreiben, wie es vor 10 Jahren schon gedacht war! Eine Überschrift ist <h1> bis <h6>, je nachdem, welcher Ordnung, ein Textabsatz bekommt <p>, etwas wichtiges wird mit <em> oder <strong> ausgezeichnet, eine Adresse mit <address> usw. Und wenn Dir dann das Aussehen nicht gefällt, formatierst Du es mit CSS um. So und nicht anders. Dass da hin und wieder auch divs vorkommen, mag sein, aber wenn mehr <div> als <p> vorkommt, sollte Dir das schon zu denken geben.

Lies Dir doch mal den Seybold Vortrag durch. Da steht, warum Layouts mit Tabellen dumm ist, und wie man es anders angeht.

Bei Fragen dazu frage!