Hintergrund nicht fest

[DiVaO]

Hi,

also ich arbeite gard an einer Website und hab eine Frage. Bei meiner Seite habe ich einen Contentbereich:

<div id="content" ><div id="explode">{EXPLODE}</div></div>


Mit dem Style:

#content {
background: url(images/design_38.png) no-repeat;
}

#explode {
margin-left: 10px;
}

Mein Problem jetzt:

Wenn der Inhalt des Contentbereichs zu lang ist dann hört irgendwann das Hintergrundbild (design_38.png) einfach auf und der Content geht weiter im Leeren. Wie kann ich es anstellen dass Hintergrundbild vom Contentbereich sich der länge des Inhalts anpasst (aber ohne dass der Hintergrund verzerrt wird sondern dass er einafch weiterläuft) ?

(Hintergrundbild: http://www.abload.de/image.php?img=design_38uh1m.png, das Bild soll sich nicht einfach nach unten strecken sonst wir der Schatten oben verzerrt.)

 

[tkp1453]

AW: Hintergrund nicht fest

Geht so nicht, wie Du Dir das vorstellst!
Wenn Du das Bild nach unten weiter führen möhtest, bleibt nur die Möglichkeit das Bild unterhalb nochmal anzeigen zu lassen! Also wird auch wieder der Schatten oben angezeigt!

2 Möglichkeiten zum Ziel:
a) Aus dem einen Bild 2 machen!
- Balken
- Hintergrund für Inhalte der sich wiederholt

b) Per CSS einen DIV über den Hintergrund legen, der über eine fixe Höhe verfügt und scrollbaren Content bietet....

 

[DiVaO]

AW: Hintergrund nicht fest

Geht so nicht, wie Du Dir das vorstellst!
Wenn Du das Bild nach unten weiter führen möhtest, bleibt nur die Möglichkeit das Bild unterhalb nochmal anzeigen zu lassen! Also wird auch wieder der Schatten oben angezeigt!

2 Möglichkeiten zum Ziel:
a) Aus dem einen Bild 2 machen!
- Balken
- Hintergrund für Inhalte der sich wiederholt

b) Per CSS einen DIV über den Hintergrund legen, der über eine fixe Höhe verfügt und scrollbaren Content bietet....

Hab ich mir shcon gedacht wollt aber mal nachfragen werd a) machen

Kann man eigentlich eine DIV über 2 Hintergründe legen?
Also wenn ich zum Beispiel sagen wir einen 200px hohen Schatten hätte und den als ein Bild speichere, dann möchte ich natürlich nicht dass der Inhalt erst unter dem Schatten anfängt sondern dass er oben anfängt aber sich nur der Hintergrund unterm Schatten der Textlänge anpasst. Wie schauts damit aus?

Und 2. kann ich eine Mindestlänge für den Hintergrund festlegen? Wenn ich nämlich eine Höhe in der css angebe bleibt es unabhängig vom Terxt imemr gleich groß, wenn ich dagegen keine angebe ist der Hintergrund bei einer Zeile Text auch nur eine Zeile hoch.

 

[sokie]

AW: Hintergrund nicht fest

indem du zb einfach dem #content das hintergrundblid für den oberen Rand () gibst und das mit repeat-x wiederholen lässt, dem #explode das für denlinken Rand (), und das mit repeat-y wiederholen lässt.
#explode bekommt in dem Fall kein margin, sondern ein padding.

edit, hab grad gesehen, dass du schon gepostet hast.
Du kannst Hintergründe übereinanderstapeln bis zum gehtnichtmehr, nur musst du das eben (zum derzeitigen Stand der Standdards) in geschachtelten Divs machen). der aussen(unten)liegende bekommt das durchgehende(gekachelte) bg-img, der nächste das (meinetwegen oben links) positionierte bg-img(no-repeat) und ein innerer (zB der #explode) die Inhalte.

gib der box eine Mindesthöhe (min-height)

 

[DiVaO]

AW: Hintergrund nicht fest

Danke an sokie funzt alles

Das nächste Problem hab ich jetzt schon (sry aber ich bin halt gard am basteln ) undzwar:

An der linken und rechten Seite hab ich einen Strich jeweils als abgrenzung der Website, das Problem ist dass diese Leiste, wenn die Seite länger ist irgendwo in der Mitte hängt und nicht von oben nach unten geht.

Wie sag ich der Leiste dass sie sich nach der Länge der Seite orientieren muss, weil Inhalt nach dem sie sich richten kann hat sie ja nicht.

 

[sokie]

AW: Hintergrund nicht fest

kann man sich schlecht vorstellen. das einfachste ist den kram grad hochzuladen und einen link zu posten. (oder/und screenshot)

 

[DiVaO]

AW: Hintergrund nicht fest


(scheiß screen aber anders krieg ich die Leiste nicht ganz drauf)

- Wenn ich eine Höhe setze dann ist die Leiste bei längerem Inhalt einafch irgendwo in der Mitte.

<img src="include/designs/neu/images/borderright.gif" width="1" height="818" alt=""></td>

- Wenn ich keine Höhe setze für die Leiste dann ist sie genauso groß wie sie als Bild ist und genauso irgendwo in der Mitte.

<img src="include/designs/neu/images/borderright.gif" width="1" alt=""></td>

- Wenn ich eine DIV setze mit der Leiste als Hintergrund ist sie komplett weg außer ich stell wieder eine efste Höhe ein.

Wie krieg ich es hin dass die Leiste immer so lang ist wie die ganze Seite??

 

[sokie]

AW: Hintergrund nicht fest

warum muss das denn ein img ein?
wenn du dem äusseren container einfach eine entsprechende border-right gibst ist die immer so lang wie der Inhalt.
alternative wäre auch für den container ein rechts positioniertes und mit repeat-y wiederholtes bg-img denkbar.

 

[DiVaO]

AW: Hintergrund nicht fest

warum muss das denn ein img ein?
wenn du dem äusseren container einfach eine entsprechende border-right gibst ist die immer so lang wie der Inhalt.
alternative wäre auch für den container ein rechts positioniertes und mit repeat-y wiederholtes bg-img denkbar.

1. muss es natürlich kein img sein hauptsache ne abgrenzung
und 2. funzen beide methoden irgendwie nicht

 

[sokie]

AW: Hintergrund nicht fest

lad den kram hoch, dann kann manauch konkret etas dazu sagen, ohne code ist das eh alles nur hellseherrei

 

[derkk_koenig]

AW: Hintergrund nicht fest

mal ne Frage: würde dir
background-attachment:fixed;
helfen?

Zu sehen auf . dort ist der body mit einem fixen bg ausgestattet und der inhalt scrollt darüber.

vg

der kk_koenig

 

[DiVaO]

AW: Hintergrund nicht fest

mal ne Frage: würde dir
background-attachment:fixed;
helfen?

Zu sehen auf . dort ist der body mit einem fixen bg ausgestattet und der inhalt scrollt darüber.

vg

der kk_koenig

Ja das is geil man danke!

Werd ich nachher gleich mal ausprobieren dann kann man leisten usw. gleich im bg-img mit reinmachen und man braucht den bg dann auch nichtmehr einfarbig machen

 

[derkk_koenig]

AW: Hintergrund nicht fest

gerne...

vg der kk_koenig

 

[DiVaO]

AW: Hintergrund nicht fest

Jetzt hab ich doch nochmal ne wichtige Frage..

Undzwar hab ich jetzt ein anderes Design... ich habe das ganze so aufgebaut:

Linker Rand - Contentbereich - Platz - Boxen - Rechter Rand

Wenn der Inhalt vom Contentbereich länger ist als normal dann ziehen sich der Linke und rechte Rand nicht von oben nach unten sondern sind beide irgendwo in der Mitte der Seite (siehe Screen)



Wie mach ich es dass sich die Seitenränder (imgs) der Länge der Seite anpassen? Wenn ich an der Stelle des Bilds ein div setze und in der css dann background url(..) mache dann ist der Hintergrund komplett weg solang nichts im div steht! Die Hintergrundgrafik soll sich nach der Seite nicht nach dem Inhalt der div richten!

 

[cebito]

AW: Hintergrund nicht fest

Das Stichwort ist Faux Columns