Variable Höhe von 1px-height Hintergrundgrafik/CSS

Computer: Software & Programmierung HTML & CSS
1

Guten Tag!

Ich habe vermutlich ein sehr einfaches CSS-Problem. Diese kleine Homepage: http://dl.dropbox.com/u/49634965/rehborn/home.html besitzt eine Hintergrundgrafik mit 1px Höhe (http://dl.dropbox.com/u/49634965/rehborn/bilder/hint…). Diese soll sich via CSS (http://dl.dropbox.com/u/49634965/rehborn/skripte/ami…) immer automatisch der aktuellen Seitenhöhe anpassen. Der Inhalt wird später über ein einfaches CMS gefüllt. Der

Bei diesem einfachen Problem habe ich mir leider den Kopf zerbrochen :frowning: Ich bin sicher, es gibt eine einfache, aber genauso brilliante Lösung für dieses Problem… nur finde ich sie nicht.

Wer kann helfen? Ewiger Dank ist ihm/ihr sicher! :smile:

Beste Grüße,
Christoph.

2

Hallo, fahre heute in Urlaub und habe daher keine Zeit. Habe aber einen schnellen Blick drauf geworfen und verstehe das Problem gar nicht: wird doch alles genau wie beschrieben angezeigt? Das div hat 100% Höhe und die Grafik wird über die volle Höhe wiederholt? Aber vielleicht habe ich es in der Aufbruchshektik auch nicht richtig verstanden…
Viele Grüße

3

Hallo Christoph,

tut es mit dem background-repeat: repeat (besser: repeat-y) nicht schon das, was es tun soll?

Wenn nicht, verstehe ich das Problem noch nicht so ganz.

Viele Grüße
Desi

4

Da fällt mir auf die Schnelle auch keine brilliante Kurzlösung ein…

5

Hi hast du das Problem in den Griff bekommen ??
Weil habe mir das gerade mit Mozilla(Firebug) angesehen und da sah alles gut aus.

Wenn nicht brauche ich mehr Beschreibungen wo tritt das Problem auf ? Browser / Versionstyp

Vieleicht habe ich dich auch mis verstanden ?
Meinst doch den Streifen der Navigation ?

Kanst auch versuchen das repeat durch repeat-y zu ersetzen kann an der Browser-Engine liegen.

Grüße Sykundu

6

Ich bin mir nicht sicher ob ich dein Problem richtig verstanden habe, aber eigentlich passt das so wie es ist, ausser, dass ich anstatt

background-repeat:repeat

in diesem Fall

background-repeat:repeat-y

verwenden würde.
Wenn dein Problem ist, dass es im Firefox z.B. ausschaut wie du möchtest und im Internet Explorer nicht (ist mir gerade eben beim nochmaligen anschauen aufgefallen) dann ergänze einfach so:

\* {padding: 0; margin: 0; height: 100%;}

dann schaut die Seite im Internet Explorer auch aus wie gewollt (soweit ich das verstanden habe)

Viel Erfolg weiterhin.
Gruß

7

Sorry, merke gerade, was ich da eigentlich geschrieben habe… ist wohl doch ein wenig zu spät heute für so etwas :wink:
Natürlich macht das * {height: 100%;} wenig Sinn.
Habe dann auf die Schnelle leider auch keine einfache passende Lösung.

8

Hallo,

alle Informationen über Hintergrundbilder kannst du hier nachschlagen.

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

Grüße S.

9

servus,

background-repeat:repeat-x;
für horizontales wiederholen und

background-repeat:repeat-Y;
für vertikales wiederholen.

dazu gibt es eine wundervolle seite:
http://www.w3schools.com/css/css_background.asp

liebe grüße
waberl

10

Scheint ja bereits gelöst. Aber eigentlich ist repeat-y die korrekte Wahl, nicht repeat:

background: url("…/bilder/hintergrund.gif") repeat-y;

Viel Spaß weierhin.