Hallo.
erstmal Danke dass du mich am Ball gehalten hast.
Gern, mir macht es auch Spaß, deinen Fortschritte live zusehen zu können.
Der Wald, die Bäume und so, du weißt schon.
Und die vielen Divitis.
Naja, es geht ja noch. Du verwendest sie ja tatsächlich nur zur Gruppierung semantisch weitestgehend korrekt ausgezeichneter Inhalte.
Ich würde dennoch die Strujtur ein wenig raffen. Gar nicht mal um des des Layouts willen, sondern nur für eine bessere Semantik.
Wirklich viele Sünden sind ja nicht mehr vorhanden, und so ein zwei Überflüssige Elemente zugunsten eines schönen Designs finde ich vertretbar.
Und mehr sind es ja in meinem Fall nicht.
Yep.
Es handelt sich um einen bekannten Fehler dieses einen Elementes. Lies am besten auch die dortigen Kommentare, um zu erkennen, dass es bislang keine Lösung geben kann und es fraglich ist, ob jemals eine kommt.
Danke für den Link, gut dass nicht mehr Elemente betroffen sind. Mit Fieldset habe ich eh nicht all zuviel zutun.
Das dürfest du aber, wenn du größere Formulare baust, etwa für den Administrationsbereich deines CMS. Dann sind ordnende Elemente sehr praktisch und <fieldset>
erste Wahl.
<div id="Wrap">
<!-- Könnte bei Verwendung des Body-Elementes entfallen. -->
Ist geschehen, ich war wohl nur zu Faul, es ohne dieses Element zu testen.
Falls es dich tröstet: Das geht vielen so. Wahrscheinlich sind [code lang=html]<html>
> > <!-- Die Auswahl der Style-Optionen ist nach wie vor eine unsinnige Spielerei
> > und sollte in der nächsten Version der Website entfallen. -->
>
> Ich weiss auch nicht, warum ich dass immer wieder einbaue, ist auch raus. Das hatte eh mehr Nach- als Vorteile, mitunter musste ich das Caching unterdrücken, dass jetzt wieder eingeschaltet ist.
Naja, es ist ja auch ein lustiges Spielzeug. Aber inzwischen hast du ja andere Spielwiesen, auf denen du dich austoben kannst.
> > <!-- Ich würde es folgerndermaßen schreiben: -->
> > <h1><a href="/"><strong>Titel</strong>
> > <q>Motto</q></a></h1>
> > <!-- Und die Brotkrumen-Navigation kann der Navigation untergeordnet werden -->
>
> Das werde ich mir noch überlegen, so wie es jetzt ist, gefällt es mir ansich ganz gut.
Die Optik gefällt mir auch, nur die Semantik nicht. Für mich gehört dieses Element einfach logisch nicht dort hin. Es mittels relativer oder absoluter Postionierung visuell unter den Titel zu plazieren, ist ja auch dann möglich, wenn man es der Navigation unterordnet. So wichtig ist dieser Punkt aber wohl tatsächlich nicht.
> > <!-- Nutze die Gelegenheit, die überflüssige Pseudoüberschrift zu entsorgen. -->
>
> Hast du eine Alternative? ich finde diese schon ganz Praktisch und sieht auch mMn ganz gut aus. Eventuell mit Hintergrundbildern?
Zum Beispiel. Ich würde aber einfach ganz darauf verzichten, da niemandem etwas mitgeteilt wird, was er nicht ohnehin wüsste. Oder im Fall der Bookmarks sollte jeder die Icons erkennen, die für ihn relevant sind. Alle anderen Nutzer können vielleicht nichts damit anfangen, aber das ändert sich ja auch nicht dadurch, dass man sie als Bookmarks bezeichnet. Der Mehrwert tendiert gegen Null.
> > > <div id="Content-Wrap">
> > <!-- Ich würde zwar versuchen, auf den Container zu verzichten,
> > aber damit würdest du es dir wahrscheinlich unnötig schwer machen. -->
>
> Nein, dass tue ich mir nicht an. Dieses Element war übrigens für das Fehlverhalten von Opera verantwortlich (es fehlte ein overflow:hidden;).
Tja, so einfach, und doch so ein Ärger. Und nein, das solltest du dir wirklich nicht antun.
> > > <div class="Sidebar second">
> > > <p>
> > > <ul id="Bookmarks">
> > > <Sonstiges>
> > > </div>
> >
> > <!-- Das sollte der neue Fuß der Seite werden. -->
>
> Das könnte auch eine überlegung Wert sein.
Probier es vielleicht einfach mal aus. Wenn es nicht funktioniert, kann man es ja immer noch rückgängig machen. Ich halte es jedenfalls für sinnvoll und visuell ansprechend.
> > > </div>
> > >
> > > <div id="Footer">
> > > <p>
> > > <ul>
> > > </div>
> > <!-- Dort stehen ein paar Dinge, die der Hauptnavigation zuzuordnen sind.
> > Der Rest ist unnötig und sollte entsorgt werden. -->
>
> Was könnte noch mit in die Hauptnavigation? Impressum und Forumslink z. B. finde ich in der Hauptnavigation deplatziert, wo sollen diese sonsthin?
Logisch gehören genau diese Elemente sowie der Verweis auf den Newsfeed in die Hauptnavigation. Wenn du findest, dass sie dort das Bild stören, grenze sie ein wenig ab und gestalte sie anders. Dafür hast du doch CSS. Aus meiner Sicht sollte die Struktur ungefähr folgendermaßen aussehen:
~~~xml
<ul id="navigation">
<li id="topics"><ul>
<li class="topic">
<ul id="subtopics"></ul>
</li>
</ul></li>
<li id="searchform"><form></form></li>
<li id="common"><ul></ul></li> <!-- Impressum, Forum, Newsfeed -->
<li id="breadcrumb"><ol></ol></li>
</ul>
Ich würde dir prinzipiell Recht geben, wenn deine Pseudoüberschrift nicht a) eigentlich das einzige element wäre, das nicht als <li>
ausgezeichnet werden sollte und b) ohnehin völlig überflüssig wäre.
Überflüssig schon, ich finde es aber so Übersichtlicher und auch ansprechender, als wenn die Navigation da einfach hingeklatscht wird.
Dann klatsche sie eben nicht einfach da hin. Übersichtlicher ist es bislang doch nur deshalb, weil du sehr viele Informationen sehr großzügig über die Seite verteilst. Wenn du die unwichtigen Dinge entfernst, entfällt also die Notwendigkeit, die einzelnen Elemente zu benennen.
Und so ganz nebenbei wollte ich dir damit mitteilen, dass das Fehlen solcher Hacks für einen bestimmten Browser bedeutet, dass dieser die Selektoren offenbar richtig interpretiert und fehlerhafte ignoriert.
Auch nach 7 maligem lesen verstehe ich diesen Satz nicht.
Okay, das war vielleicht wirklich etwas kompliziert ausgedrückt. Also nochmal: Wenn ein Browser keine Hacks kennst, hat er einfach keine Fehler im Bereich der Selektoren. Und die Selektoren, die er nicht kennt, verwirren ihn nicht, sondern er ignoriert sie einfach. Eigentlich ist es also insgesamt ein gutes Zeichen, wenn es für einen Browser keine Hacks gibt.
Du fordert also Standardkonformität, nutzt aber so gern deren Gegenteil, dass du dir wünschst, Opera wäre an dieser ebenfalls Stelle defekt. Aber ich weiß: Pragmatismus ist manchmal einfach unlogisch.
Ich hab das nie als Defekt wahr genommen, aber jetzt wo du es sagst.
IE interpretiert ja auch direkt hacks in den Styleblöcken:
#header {
#right:10px;
_color:#444
}
Ja, du nutzt hier gezielt einen weiteren Defekt aus. Daher darfst du meine obige Aussage zu den Selektoren im Prinzip entsprechend auf alle möglichen Eigenschaften und Werte erweitern.
> > Das sieht schon gut aus, aber `<div>`{:.language-html}-Elemente sieht man dort ja auch nicht. Dafür sieht man zu viel Metainformation in Form unnützer Pseudoüberschriften und Copyright-Hinweise sowie Spielkram wie den Style-Switcher. Nutze die Gelegenheit, um dich von diesem Ballast zu trennen.
>
> Den meisten Ballast bin ich los, nur bin ich bei den Pseudoüberschriften noch recht unschlüssig, da mir diese schon gefallen.
Ich will sie dir nicht ausreden. Aber vielleicht probierst du es einfach einmal ohne aus und lässt es eine Weile so. Vielleicht ist es ja eine Frage der Gewöhnung.
MfG, at