Willkommen auf dem Portal für Mediengestalter

twym · Threadersteller

2. Frage auf Seite 2

Hi ich brauche einmal wieder eure Hilfe:

gute Grundkenntnisse in HTML und CSS vorhanden.

Ich möchte unten abgebildete Seite umsetzen. Und ich möchte sie von Anfang an möglichst sauber realisieren.
Es geht mir jetzt erstmal um den Aufbau. Öfter habe ich schon etwas von <div>-Suppe gehört. Ab wann beginnt die über zu schwappen bzw. wurden in diesem Fall schon zuviele Divs verwendet?

Danke und Gruß.

Zim · **Verfasst** Do 15.11.2007 01:49 **Titel**

Also das ist noch alles im grünen Bereich was die Anzahl der divs anbelangt.

Möglicherweise kannst du dir das div um die Grafik sparen und das seitliche Div einfach floaten lassen – muss aber nicht notwendigerweise gemacht werden.

Wenn du mal eine wirklicht div-suppe sehen willst dann schau dir mal eine Seite an die mit »site grinder« gemacht wurde
(auf deren Seite gibts links zu Beispielseiten)

ZIM

sahnemuh · **Verfasst** Do 15.11.2007 10:21 **Titel**

also ich finds schon recht "überladen".

- als "wrapper" kannste den <body> verwenden.
- um den head muss kein div - es reicht die grafik und das <form> um login zu floaten
- die navigation hat ein umschließenden <ul> oder <dl> - brauchste auch kein div
- die suchmasken im content: mit <form> haste doch wieder ne box drum

... somit komme ich auf 2(!) mehr oder weniger notwendige divs.
je nach grad der komplexität vielleicht +-1 (für den rahmen bzw. header und innere contentspalte)

versuch einfach jedes umschließende blocklevel element (form, ul) als "ersatzdiv" zu sehen. sind schließlich auch alles boxen.

dastef · **Verfasst** Do 15.11.2007 10:29 **Titel**

wenn du den container zentrieren willst, kannste nicht drauf ver-
zichten Lächel

und ob zB bei der navi ein ul reicht, möchte ich auch zu bezweifeln
wagen .. generell haste schon recht, hängt aber halt stark vom
layout ab, ob's geht oder nicht.

und so pauschal zu empfehlen das wegzulassen, würde ich nicht
tun - man weiß nie was später passiert Grins

sahnemuh · **Verfasst** Do 15.11.2007 11:14 **Titel**

twym · Threadersteller

also sollte man um sauberen code zu produzieren möglichst wenig divs einsetzen. danke schon einmal für eure antworten. werde mich dann soweit es das layout zulässt, dran halten.

danke und gruß

sahnemuh · **Verfasst** Do 15.11.2007 19:15 **Titel**

das nicht unbedingt. allerdings sollte man sie nicht "unnötig" einsetzen.
es gab schon viele komplexe layouts, in denen ich auch "div suppe" produzieren musste um sie "bulletproof" darstellen zu können (pixelgenau, crossbrowser...) - in den meisten fällen gilt aber: weniger ist mehr.
am besten vorher einfach ein wenig drüber nachdenken Lächel

wie gesagt: stell dir einfach jedes element das ein anderes umschließt als potenziellen "div container" vor
als beispiel die navigation:
ul ist container für li, welcher wiederum einer für a ist, der wiederum einen span beeinhalten könnte - das sind 4(!) verschachtelte container für die darstellung einer navigation, denen du abstände, farben, hintergrundbilder etc. zuweisen kannst - mehr braucht kein mensch - auch nicht für komplexe navigationen.

bacon · **Verfasst** Do 15.11.2007 21:05 **Titel**

Div und Span-Elemente sind nur dann einzusetzen, wenn es kein entspr. html-Element gibt, dass die geforderte Semantik bereits transportiert.

Falsch: <span class="betonter Text">Betonter Text</span>
Richtig: <em>Betonter Text</em>

Natürlich kann man sich drüber streiten, in wie fern das class-Element Semantik transportieren kann. Auf den ersten Blick sind o.g. Beispiele gleichwertig. Da es aber viele Ausgabegeräte gibt, die auf die korrekte Verwendung der richtigen HTML-Tags angewiesen sind (Stichwort Screenreader), würd ich dann doch im Kontext xHtml die vorhandenen Elemente verwenden.

Ansonsten kannste soviele <div>s und <span>s verwenden bis du tot umfällst, das interessiert nicht die Bohne, solange dein textlicher Inhalt noch in der richtigen Reihenfolge bleibt. (Bspw. Navigation - sprich Inhaltsverzeichnis vor eigentlichem Inhalt etc...)

Von Divitis oder Div-Suppe spricht man nur, wenn fälschlicherweise ausschließlich div-Elemente zur Textstrukturierung verwendet werden.

Willkommen auf dem Portal für Mediengestalter

Thema: Aufbau einer Internetseite vom 15.11.2007

Aufbau einer Internetseite