Wie baut man dieses Design am besten auf?

Wie baut man dieses Design am besten auf?

Beitragvon LarsM » 23.04.2010, 11:46

Hallo zusammen,

Ich möchte eine html basierte Webseite ohne die von mir früher verwendete Tabellenstruktur mit css div Boxen aufbauen.

Grundstruktur:
1) oben ein 100% breiter * 300px hoher header.
2) darunter ein 900px breiter, zentrierter Bereich, der sich je nach Inhaltsmenge automatisch nach unten vergrößert, worin
2.1) links ein Menü 250px breit (Menü oben andockend)
2.2) rechts ein Textbereich ist (900px - 250px = 650px)

und jetzt zum Hauptproblem, worum meine Gedanken am meisten Kreisen .... Der header ...

Die Header Box: (100% breit * 300px hoch)
Der Inhalt soll mittig Zentriert sein.
Oben (Zentriert findet sich ein waagerechter Balken, 900 breit * 50 hoch. Ein Image.
Unten (Zentriert findet sich ein waagerechter Balken, 900 breit * 50 hoch. Ein Image.
Dazwischen (nennen wir es mal Mitte) :
Soll es ein Background-img geben (ein schmales hochkant img, z.B. 2px * 200 px, kann aber gern auch die volle Höhe 300px bekommen), dass sich 100% von links nach rechts wiederholt und die ganze Breite des Bildschirmes (Browsers) ausfüllt.
Dann soll hier über die 900px breite der eigentlichen Seite:
Zentriert in der waagerechten Mitte soll ein Flash Film positioniert werden, der jeweils rechts und links neben sich ein Logo positioniert hat.

Puuuh, ich hoffe es wird klar, wie ich es optisch aufgebaut haben möchte. Leider kann ich Euch hier kein Bild zeigen, so muss der Text halt reichen ...

Wie würdet Ihr soetwas aufbauen?

Die Grundstuktur per Div-Box css.
Aber was macht man am besten mit meiner Headerstruktur?

Eine Tabelle? hmmm grummel, oder doch?
Div Box in der existierenden Div Box vom Header? Macht dass Sinn?

Ich würde mich über Eure Anregungen und evtl. Codesnipsel echt freuen.
Wenn schon, dann soll meine Seite jetzt auch vernünftig werden!

Schlecht ist nur, dass es meine ersten Gehversuche mit diesen Boxen sind Da macht sich unsicherheit breit.

Schonmal Danke für jede Antwort, die Ihr mir geben wollt / könnt.

Gruß aus dem momentan sonnigen RE im Pott
Lars
LarsM
neu hier
 
Beiträge: 1
Registriert: 23.04.2010, 11:35

Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Wie baut man dieses Design am besten auf?"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 3 Gäste