Homepage Hintergrund

[flashfreak81]

Hallo liebe Member,
Zunächst muss ich sagen, dass es weniger mit Flash sonder mehr mit HTML zu tun hat.
Und zwar habe ich für eine Homepage ein Menü und direkt darunter einen Header erstellt. Beide enthalten einfache Farbverläufe. Ich möchte jetzt jeweils rechts und links diese beiden Verläufe (.jpg) endlos in einer Zeile haben. Das heißt egal ob ich jetzt 1200 oder 9000 Pixel breit die Homepage sehe, der Verlauf neben dem Menu und dem Header soll immer durchgehend da sein. Der Rest der Seite, d.h. alles unter den beiden Verläufen ist soll weiß bleiben.

Kann ich dafür überhauapt zwei Verläufe nehmen oder muss ich die beide in ein Bild packen?

Bitte um schnelle Antworten

[Nightflyer]

Beispiel bitte.

[flashfreak81]

Habe mal ein Bild erstellt. Finde auf anhieb keine Seite mehr.



EDIT: Doch was gefunden: 1&1 Internet AG - DSL, Hosting, Mobile Internet, Domain, Server
Da ist auch rechts und links endlos lang der Farbverlauf.

[Nightflyer]

Dein endloser Farbverlauf ist ganz einfach ein div mit dem Farbverlauf als Hintergrund. Darin werden nun Menu und Header mittig plaziert.

#container1, #container2{
    height: 100px;
    text-align: center; /* IE6 */
}
#container1{
    background-image: url( verlauf1.jpg );
}
#container2{
    background-image: url( verlauf2.jpg );
}
#menu, #header{
    margin: auto;
    width: 600px;
    height: 100px;
    background-color: white;
    text-align: left; /* IE6 */
}
#content{
    min-height: 200px;
}

<div id="container1">
     <div id="menu">
         {MENU}
     </div>
</div>
<div id="container2">
     <div id="header">
         {HEADER}
     </div>
</div>
<div id="content">
    {CONTENT}
</div>

[flashfreak81]

danke

[flashfreak81]

Das erste Problem hat sich bereits gelöst, danke nochmal, aber aber noch eine Frage.
Ich hab jetzt ein Bild was ca. 300 pixel lang und 1 pixel breit ist.
Wie kann man einstellen das es sich 1mal in der 1. Zeile rastert, aber es dann auch aufhört?

Ich dachte mir da im Body-Bereich mit "style" zu arbeiten und habe auch ein wenig rumprobiert, aber es klappt nicht.

style="background: #ffffff url(XXX) Hier der Befehl;"

[Ahrsib]

background-repeat: repeat-x;

Ahrsib
... Übender.