nicht angemeldet
div wiederholen
hallo zusammen,
ich hab mit css ein Hintergrundbild eingebunden. Nun möchte ich nur einen unteren Teil des Bildes wiederholen lassen. Ich hab also ein zweites Bild, der untere Bildauschnitt des Hintergrundbildes, eingebunden und will es nach unten wiederholen. background-image:repeat-y; funktioniert nicht. Es wird nur einmal unten angesetzt, wiederholt sich aber nicht...
css:
body {
margin:0;
padding:0px 0px;
text-align:left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 16px;
background-image: url(bg.jpg);
background-repeat: no-repeat;
z-index: 2;
}
.background{
position:relative;
background-image:url(bg2.jpg);
background-repeat:repeat-y;
height:95px;
width:auto;
top:444px;
z-index: 1;
display:block;
}
html:
<div class="background"></div>
wäre nett, wenn jemand helfen könnte!
-
body {
z-index: 2;
}.background{
z-index: 1;
}wie stellst du dir das hier vor?
-
hi,
body {
z-index: 2;
}
wie stellst du dir das hier vor?Dieses hier bewirkt exakt garnichts.
grüße
-
hi,
body {
z-index: 2;
}
wie stellst du dir das hier vor?Dieses hier bewirkt exakt garnichts.
grüße
ok, aber was bewirkt, dass sich das bild wiederholt?
css:
body {
margin:0;
padding:0px 0px;
text-align:left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 16px;
background-image: url(bg.jpg);
background-repeat: no-repeat;}
.background{
position:relative;
background-image:url(bg2.jpg);
background-repeat:repeat-y;
height:95px;
width:auto;
top:444px;
z-index: 1;
display:block;}
html:
<div class="background"></div>-
hi,
ok, aber was bewirkt, dass sich das bild wiederholt?
Kannst du das nicht irgendwie mal hochladen und verlinken, so das man sich das Online ansehen kann?
grüße
-
hi,
ok, aber was bewirkt, dass sich das bild wiederholt?
Kannst du das nicht irgendwie mal hochladen und verlinken, so das man sich das Online ansehen kann?
grüße
so,
habs hochgeladen. Man sieht, dass sich ein kleiner Teil des Hintergrundes wiederholt, allerdings nur ein Mal.http://test.vorgebirgsparkskulptur.de/index.html
danke erstmal...
-
habs hochgeladen. Man sieht, dass sich ein kleiner Teil des Hintergrundes wiederholt, allerdings nur ein Mal.
http://test.vorgebirgsparkskulptur.de/index.html
danke erstmal...
du hast einen denkfehler
was du eigentlich willst, ist ein repeat-y im body (das was du jetzt in background drinnen hast) und ein einmaliges hintergrundbild im header (dessen bild jetzt im body ist, der header selbst fehlt ganz)
-
hi,
http://test.vorgebirgsparkskulptur.de/index.htm
was du eigentlich willst, ist ein repeat-y im body (das was du jetzt in background drinnen hast) und ein einmaliges hintergrundbild im header (dessen bild jetzt im body ist, der header selbst fehlt ganz)Ich denke mal mit header meinst du <html>, soviel solltest du dem OP dann schon verraten. :)
@dernils:
.background{ height:95px; }Es ist so hoch wie du es haben möchtest, dementsprechend wiederholt sich das Bild.
grüße
-
Ich denke mal mit header meinst du <html>, soviel solltest du dem OP dann schon verraten. :)
nein, mit header meinte ich den seitenkopf (da wo das logo usw drinnen ist)
-
hi,
nein, mit header meinte ich den seitenkopf (da wo das logo usw drinnen ist)
Dann müsste er noch einen "header" dazudichten, denn zum jetzigen Zeitpunkt ist dort keiner.
Wenn du mit header den<content>div meinst, wäre das auch keine richtige Lösung, da viele Formatierungsoptionen wegfallen, was das div angeht.der Sauberste Weg wäre, das Grosse Bild für den Hintergrund in
html {}und das zu wiederholende Bild inbody{}, mittels background-position; den Startpunkt festlegen und auf y wiederholen.So müsste weder was im HTML geändert, noch zusätzliche Elemente eingebaut werden.
grüße
-
So müsste weder was im HTML geändert, noch zusätzliche Elemente eingebaut werden.
das könnte aber ggf probleme bereiten, in manchen browsern teilen sich html und body ihren "magischen hintergrund" - oder liege ich da jetzt falsch und diese browser gibts nicht mehr?
-
Hallo.
das könnte aber ggf probleme bereiten, in manchen browsern teilen sich html und body ihren "magischen hintergrund" - oder liege ich da jetzt falsch und diese browser gibts nicht mehr?
Doch, den IE gibt es noch in zahlreichen Versionen.
MfG, at-
hi,
ich führe hier unten fort wenn´s recht ist.
das könnte aber ggf probleme bereiten, in manchen browsern teilen sich html und body ihren "magischen hintergrund" - oder liege ich da jetzt falsch und diese browser gibts nicht mehr?
Soweit ich weiss tun das nur IE _kleiner_ als 6, deren Verbreitung ist aber mittlerweile so gering, das man sich sein HTML nicht zumüllen muss, um eine gewünschte Darstellung zu erreichen.
Finde ich zumindest.
Anders wäre es natürlich, wenn das auch den IE 6 betreffen würde.
grüße
-
Hallo.
Anders wäre es natürlich, wenn das auch den IE 6 betreffen würde.
Versuch macht kluch.
MfG, at-
hi,
Anders wäre es natürlich, wenn das auch den IE 6 betreffen würde.
Versuch macht kluch.Mist!
Es wäre natürlich etwas anderes, wenn dieses Verhalten auch den IE6 betreffen würde.
Hast recht, klingt besser. ;-)
grüße
-
-
-
-
-
-
-
-
-
-
Hallo.
Kannst du das nicht irgendwie mal hochladen und verlinken, so das man sich das Online ansehen kann?
Und vielleicht auch etwas abgucken.
MfG, at-
hi,
Kannst du das nicht irgendwie mal hochladen und verlinken, so das man sich das Online ansehen kann?
Und vielleicht auch etwas abgucken.
<homer>NEIN</homer>, erwischt. ;-) Es geht wieder voran.grüße
-
Hallo.
<homer>NEIN</homer>, erwischt. ;-) Es geht wieder voran.Da würde auch das schlichte Logo ganz gut passen, vielleicht in rot oder so.
MfG, at-
hi,
<homer>NEIN</homer>, erwischt. ;-) Es geht wieder voran.
Da würde auch das schlichte Logo ganz gut passen, vielleicht in rot oder so.Soweit kam ich noch nicht, werde es bei der Logobearbeitung berücksichtigen.
Diesen Schritt hebe ich mir für den Feinschliff auf.grüße
-
-
-
-
-
-
-
