Hintergrund positionieren

[Moritz]

Hallo!

ich habe folgende Seitenstruktur:

<div id="container">
  <div id="navi">navi</div>
  <div id="content">content</div>
</div>

Nun möchte ich dem Container eine Hintergrundgrafik geben, die allerdings vom oberen Seitenrand gemessen bei 192px anfangen soll.
Mein Versuch sieht nun so aus:

#container{
	width:800px;
	margin:0 auto;
	text-align:left;
  	position: relative;
  	min-height: 100%;
	height:auto !important;/* moderne Browser */
	height:100%; /* IE */
	background-color:#FFFFFF;
	background-image:url(../img/container_bg.gif);
	background-repeat:repeat-y;
	background-position: top 192px;
}

Das tut leider nicht das gewünschte. Wie ist kann ich mein Vorhaben realisieren?

Vielen Dank!

[Boris]

background-position: top 192px ist quark - das soll wohl "oben 192px" heißen, was vielleicht sinnvoll klingt, aber nicht dem CSS Standard entspricht.

Der 1. Wert steht für die X Achse, der 2. Wert für die Y Achse.

http://www.css4you.de/background-position.html

Richtig wäre z.B. background-position: 192px 0 ... sprich: 192px Abstand von oben, 0 Pixel von links.

[Moritz]

Hallo!
vielen Dank für deine Antwort.
Habe es jetzt wie von dir angegeben geändert, was aber lediglich dazu führt, dass das Hgr-Bild um 192px nach rechts verschoben wird.
Vielleicht sollte ich noch erwähnen, dass es sich bei dem Hintergrundbild um ein 800x1px breites Bild handelt, dass am rechten und linken rand des Containers eine senkrechte Linie zeichnen soll.
Könnte es mit dem background-repeat zusammenhängen?

[Boris]

was aber lediglich dazu führt, dass das Hgr-Bild um 192px nach rechts verschoben wird.

Ja dann schreib es halt anders herum, sprich 0 192px

[Moritz]

Das dachte ich auch - allerdings ordnet der Browser (FF 2) das Hgr-Bild wieder direkt am Seitenanfang an. Somit habe ich leider nichts gewonnen. Ich verstehe das nicht.

[Boris]

Dann muss was falsch sein, kannst du das mal für uns alle online stellen?

[Moritz]

Hallo!

habe es mal unter www.projewe.de online gestellt. Dort kann man gut sehen, dass der Hintergrund(die beiden senkrechten Linien rechts und links des Inhalts) schon oben beginnt, statt erst 192px weiter unten.

Schönen Dank nochmal für deine/eure Hilfe!

[hero-master]

servus moritz

du lässt dein Hintergrundbild in Richtung der y-Achse wiederholen, also nach unten hin. Diese Wiederholung geht aber nur in beide Richtungen, sprich du kannst nicht einfach sagen: Lass das Bild 192 Pixel vom oberen Rand beginnen und wiederhole es ab da nach unten.

[Moritz]

Hallo!

nur damit ich das richtig verstehe: das was ich vorhabe, funktioniert nicht?

[Boris]

Jop. Wenn du willst, dass das Bild weiter unten beginnt, muss du einen oberen Abstand mit padding oder margin definieren.