flexibler Header

[zukii]

Hallo Leute,

ich bin dringend auf eure Hilfe angewiesen, da ich grad nicht weiter komme

Ich möchte gern einen Header bauen, bei dem zentriert ein Hintergrundbild ist.. links und rechts sich ein bild mit 1px breite wiederholt und sich somit an den browser anpasst..



ich hoffe es ist verständlich was ich meine und es kann mir irgendjemand sagen wie ich das umstetzen kann..

LG

 

[Cheffchen]

Hallo,

das machst mit 1 DIV mit dem Inhalt 100px und margin: 0 Auto; für das zentrieren.
das andere mit dem Flex ist der hintergrund von body.

Cheffchen

 

[zukii]

würde so gehen..
allerdings nutze ich png's mit transparenz und somit is der Schatten in der Mitte doppelt so stark zu sehen und das dreieck wird auch belegt..

 

[zukii]

am liebsten wäre mir ein float:left..

<div id="left"></div> -> flexibel
<div id="mitte"></div> -> zentriert und 1000px
<div id="rechts"></div> -> flexibel

aber bin mir nicht sicher ob das umsetzbar is.. :(

 

[zukii]

habs hinbekommen .. hab noch ein div rumgelegt und einfach die gleich hintergrundfarbe gegeben :)