nicht angemeldet
Hallo.
So komplex ist die Seite ja nicht, ich finde, dass HTML-Gerüst ist schon recht Sauber, da es keine unnötigen Div-Elemente gibt, jedes Div gruppiert mindestens 2 Elemente.
Ich meinte auch nicht das Gerüst als solches, sonder die gesamte Struktur einschließlich der enthaltenen Inhalte. Vielleicht wird das deutlicher, wenn ich deine Struktur ein wenig kommentiere:
<div id="Wrap">
<!-- Könnte bei Verwendung des Body-Elementes entfallen. -->
</form>
<!-- Die Auswahl der Style-Optionen ist nach wie vor eine unsinnige Spielerei
und sollte in der nächsten Version der Website entfallen. -->
<div id="Header">
</h1>
<p title="Motto">
</div>
<!-- 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 -->
<div class="Sidebar">
<p>
<ul id="Navigation">
</div>
<!-- Nutze die Gelegenheit, die überflüssige Pseudoüberschrift zu entsorgen. -->
<div id="Content-Wrap">
<div id="Main">
</h2>
<p>
<etc>
<ul>
</div>
<!-- Ich würde zwar versuchen, auf den Container zu verzichten,
aber damit würdest du es dir wahrscheinlich unnötig schwer machen. -->
<div class="Sidebar second">
<p>
<ul id="Bookmarks">
<Sonstiges>
</div>
<!-- Das sollte der neue Fuß der Seite werden. -->
</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. -->
</div>
Aber du musst natürlich selbst am besten wissen, was du alles in welcher Form benötigst.
> > Ich persönlich würde ja sogar versuchen, dass umschließende `<div>`{:.language-html} loszuwerden und seine Aufgabe durch `<body>`{:.language-html} übernehmen zu lassen. Und ob die anderen `<div>`{:.language-html} hinterher nötig sind, kannst du ja dann auch noch entscheiden.
>
> Das werde ich definitiv berücksichtigen, brauchen tue ich es nicht wirklich.
Vor allem ist `<body>`{:.language-html} ja ohnehin immer da und aus der Sicht des CSS ansonsten zu nichts gut.
> > Die gesamte Navigation in eine Liste zu stecken, würde der Übersichlichkeit jedenfalls wahrscheinlich gut tun.
>
> Auch die „Überschrift“ „Hauptmenu“ in die Liste? Ich finde die Idee nicht unbedingt Prickelnd, da diese Überschriften ja auch andere Elemente ankündigen, als eben nur eine Liste.
Ich würde dir prinzipiell Recht geben, wenn deine Pseudoüberschrift nicht a) eigentlich das einzige element wäre, das nicht als `<li>`{:.language-html} ausgezeichnet werden sollte und b) ohnehin völlig überflüssig wäre.
> > Da solltest du aber zwei Dinge unterscheiden: Conditional Comments sind die Möglichkeit, die Microsoft für solche Fälle bietet. Der von dir genutzte Star-HTML-Hack hingegen ist ein Fehler, den Microsoft jederzeit sogar für uralte Versionen ausbügeln könnte. Dann stündest du plötzlich ohne Hosen da.
>
> Ja, stimmt.Zum Glück benötigte ich nicht allzuviele Hacks, daher kann ich dass leicht umstellen, vorerst belasse ich es so.
Natürlich kannst du es so lassen. Nur sollte dir die Gefahr bewusst sein. 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. 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.
> Meine Struktur ist ja bereits, wie in diesem Artikel beschrieben wird, umgesetzt; eben diese Struktur macht es ja erst so kompliziert, mein Layout Browserübergreifend zu stylen.
Dann vereinfache sie.
> Deaktiviere mal die Styles im Opera, wenn nicht schon längst geschehen.
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.
MfG, at
Struppi