Autor |
Nachricht |
twym
Threadersteller
Dabei seit: 12.06.2005
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Do 15.11.2007 01:32
Titel Aufbau einer Internetseite |
|
|
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ß.
Zuletzt bearbeitet von twym am Sa 17.11.2007 15:53, insgesamt 2-mal bearbeitet
|
|
|
|
|
Zim
Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht:
|
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
|
|
|
|
|
Anzeige
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
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.
Zuletzt bearbeitet von sahnemuh am Do 15.11.2007 10:24, insgesamt 2-mal bearbeitet
|
|
|
|
|
dastef
Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 15.11.2007 10:29
Titel
|
|
|
wenn du den container zentrieren willst, kannste nicht drauf ver-
zichten
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
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Do 15.11.2007 11:14
Titel
|
|
|
dastef hat geschrieben: | wenn du den container zentrieren willst, kannste nicht drauf ver-
zichten |
Code: |
html {
text-align: center;
height: 100.1%;
}
body {
width: 123px;
margin: 0 auto;
height: 100.1%;
text-align: left;
position: relative;
} |
funktioniert einwandfrei (crossbrowser)
nö.
Zitat: | 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. |
ich hab noch bei keiner navi nen div drum gebaut und es ging eigentlich immer ohne.
Zitat: | und so pauschal zu empfehlen das wegzulassen, würde ich nicht
tun - man weiß nie was später passiert Grins |
dann kann man auch bei bedarf eins drum machen. davon spreche ich mich ja auch nicht frei. aber wozu, solange es nicht notwendig ist?
hier mal exemplarisch:
http://o315.de/temp/mgi/geht/index.html
Zuletzt bearbeitet von sahnemuh am Do 15.11.2007 12:19, insgesamt 2-mal bearbeitet
|
|
|
|
|
twym
Threadersteller
Dabei seit: 12.06.2005
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Do 15.11.2007 19:03
Titel
|
|
|
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
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
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
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
Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
|
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.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Aufbau von CSS
webseiten aufbau
HTML Aufbau aber wie?
website ->Aufbau/Positionierung
Div aufbau kurze frage
Flash Seiten aufbau
|
|