[Mr. Bond]

Hallo,

ich möchte gerne einen Webdesignentwurf in HTML/CSS umsetzen (mit dem 960 Grid System von www.960.gs).

Beim Slicen in Photoshop stehe ich nun vor einem Problem: Den gelbe Balken im Footer kann ich nicht in einen 1 px breiten Slice für den Hintergrund packen, da der Contentbereich selbstverständlich seine Länge dem Inhalt anpassen soll.

Beide Balken sollen die gesamte Breite des Bildschirms einnehmen.

Ich freue mich auf Vorschläge Über Feedback zum Design würde ich mich auch freuen - habe ein Bild mit Inhalten und eins ohne angehängt.

Gruß,
Mr. Bond

[Eliane]

da das ja nur eine orange Fläche ist, brauchst du ja kein Bild dafür? Das reicht wenn du per css dieser Fläche die farbe orange zuweist.

zum Design:

mir ist aufgefallen dass das logo optisch das wichtigste ist auf der Seite. Meistens ist auf einer Webseite die Navigation oder der Inhalt doch wichtiger? Aber ansonsten find ich sieht es doch schon ganz gut aus

[Mr. Bond]

Danke. Ich werd's mal ausprobieren und mich dann nochmal melden

[Eliane]

nein an der grösse des logos liegt es nicht, es liegt eher am schatten unterhalb des Logos, der die navigation hinter das logo schiebt.. daher empfindet man das logo als wichtiger da es auf der obersten ebene liegt.

[Mr. Bond]

Hm, das stimmt. Andererseits würde man es ohne den Schatten nicht so gut lesen können (grau auf grau).

[Eliane]

du hast ja so einen orangefarbenen strich.. und ansonsten lass dir irgendwas einfallen damit es lesbar wird.

[Mr. Bond]

Ok, ich werd mal ein bisschen experimentieren

[Mr. Bond]

Nun sieht es im Browser folgendermaßen aus:




HTML: