Strukturierung

[webstar2013]

Hi ich programmiere gerade eine Internetseite für ein Bistro. Bin eigentlich auch schon fast fertig. Nun versuche ich es aber flüssig (für responsives Webdesign) zu programmieren. jetzt habe ich schon gefühlte 10 mal neu angefangen und war mir immer über die Strukturierung der DIVs unschlüssig. Könnt Ihr mir helfen wie ich die Struktur des html dokuments gestalte?

http://test.bistro-max.de/test/

PS: ganz oben (header) sollen 3 bilder in einem Bild über die ganze breite gehen. hier meine verzweiflungsstruktur:

<div id="wrapper">
<header>
HIER SOLL DIE HEADER-GRAFIK REIN DIE SICH ÜBER DIE GANZE BREITE ZIEHT
</header>
<div id="container">
<nav>HIER DIE SIDEBAR</nav>
<div id="content">HIER DER CONTENT</div>
<footer>HIER DER FOOTERER</footer>
</div>
</div>

#wrapper = um den header bereich über die ganze breite zu bekommen
#container = um die sidebar (nav) und content und footer zentriert zu bekommen

Ist meine Denkensweise richtig oder wie würdet ihr es strukturieren?

[M.]

HTML ist keine Programmiersprache, daher programmierst du auch nicht.

<div id="wrapper">

Unnötig, da du die Breite von body beeinflussen kannst.

<header>
HIER SOLL DIE HEADER-GRAFIK REIN DIE SICH ÜBER DIE GANZE BREITE ZIEHT
</header>

Also wenn der Monitor ne 4k-Auflösung hat, 3940 Pixelbreit?

<div id="container">

Du kannst auch den Body zentrieren

<nav>HIER DIE SIDEBAR</nav>

Da würde ich noch ein aside mit reinbringen

<div id="content">HIER DER CONTENT</div>

Schonmal section probiert?

<footer>HIER DER FOOTERER</footer>

Macht Sinn

Ist meine Denkensweise richtig oder wie würdet ihr es strukturieren?

Da du komplett auf divs verzichten kannst, halte ich deine Denkweise für falsch. Ist aber wohl auch ein wenig Geschmacksache.

[Matthias Apsel]

Om nah hoo pez nyeetz, M.!

<div id="content">HIER DER CONTENT</div>
Schonmal section probiert?

section ist eher eine section ;-) Der Hauptinhalt sollte in (das) ein(zige) main-Element gesteckt werden.

Matthias