Repeatbackground bei relativer position und negativem top?
0 0 0 
Take
0
Repeatbackground bei relativer position und negativem top?
hi,
Ich habe folgendes gerüst:
div mit bg bild, no-repeat
div mit bg bild, repeat (streifen)
div mit bg bild, no-repeat
die erste divbox ist zum beispiel 300px hoch. (bildhöhe)
in der zweiten ist text drin.
die dritte ist 50px hoch (bildhöhe)
So würde es ja funktionieren, sodass der kasten gestreckt wird.
Mein Problem ist, das ich den text auch im oberen bild haben möchte.
Also hab ich mir gedacht das ich die Position relativ setze und dann top negativ. So wird das auch richtig angezeigt in der ersten box, aber die mittlere die ist gleich gestreckt wie vorher. Dabei sollte die mittlere box um so viel kleiner werden, wie ich top negativ gesetzt habe.
Geht das irgendwie?
lg
-
Om nah hoo pez nyeetz, capgeti!
online-Beispiel bitte, aus deinen Worten wird man nicht so richtig schlau.
Matthias
--
-
Om nah hoo pez nyeetz, capgeti!
online-Beispiel bitte, aus deinen Worten wird man nicht so richtig schlau.
Matthias
da:
http://dl.dropbox.com/u/9777080/test.htmlder mittlere teil soll nur bis dahin gehen wo ENDE steht.
Da der content in einem extra subdiv ist, beachtet er dessen relative position nicht. kann man da iwas machen, außer den content eine ebene höher zu legen?lg
-
Moin,
da:
http://dl.dropbox.com/u/9777080/test.htmlder mittlere teil soll nur bis dahin gehen wo ENDE steht.
Mit dem mittleren Teil meinst du den schwarzen Abschnitt? Und dessen unteres Ende soll auf gleicher Höhe mit dem Text "ENDE" stehen? Dann gib ihm den Pixelwert, um den du das div#content nach oben schiebst (im Beispiel 60px) als negativen Margin-bottom.
Da der content in einem extra subdiv ist, beachtet er dessen relative position nicht.
Doch, tut er. Er ist 60 Pixel höher als normalerweise.
lg
Gruß,
Take
-
-
-
Hi,
Also hab ich mir gedacht das ich die Position relativ setze und dann top negativ. So wird das auch richtig angezeigt in der ersten box, aber die mittlere die ist gleich gestreckt wie vorher.
Natürlich, weil position:relative ein Element von seiner Position im normalen Flow aus verschiebt - und dabei aber den ursprünglichen Platzbedarf des Elements reserviert.
Negatives margin-top statt Positionierung wäre eine Möglichkeit.
MfG ChrisB
--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?