|
|||
Hintergrundgrafik splitten und variabel skalieren
Es geht um die sidebar rechts auf dieser webseite: Doris Schützbach | Bürodienstleistungen
Ich habe so ein Papierstück designt und es in drei Zeile zerschnitten. Einen Kopf, ein Mittelstück das nur 1px hoch ist und ein Endstück: Oben: http://www.doris-schuetzbach.de/wp-c...debar_oben.png Mitte: http://www.doris-schuetzbach.de/wp-c...ebar_mitte.png Ende: http://www.doris-schuetzbach.de/wp-c...ebar_unten.png Ich würde das mittlere Stück gerne so oft wiederholen oder (wie hier) stretchen dass es den Raum zwischen dem Anfang und dem Ende auffüllt. Die Obere Grenze konnte ich ganz einfach bestimmen und festschreiben mit background-position: center 120px; Aber wie man sieht, weiß ich nicht wie ich das untere Ende erreichen soll, da es von der Höhe der Box abhängt! Hab jetzt mal background-size: 100% 20%; zur Demonstration eingestellt: In der großen Box oben reicht es nicht aus und in den kleinen unten läuft es über (sieht man am Schatten rechts). Weiß jemand wie ich das Problem lösen kann? Vielen Dank schonmal!! |
Sponsored Links |
|
|||
Manfred62: Die aside Elemente haben keinen einheitlichen Aufbau, es kann alles möglich darin sein.
Praktikant: Leider ist der Hintergrund ein gradient und deshalb sind die Bilder auch am Rand transparent! Man sieht es wie schon gesagt sehr schön am rechten Rand, wo der Schatten der Elemente übereinander steht.. Gibt es eine Möglichkeit die Höhe des aside-Elementes zu bestimmen? Eventuell mit JS? Dann könnte ich dem background-size den entsprechenden Wert zuordnen. Natürlich wäre mir eine reine CSS Lösung lieber.. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Variable Breite -> Problem Hintergrundgrafik | Korasu | CSS | 2 | 08.01.2010 01:26 |
Hintergrundgrafik und flexible Spaltenbreite | Teaser | CSS | 1 | 27.11.2009 16:52 |
Alt="" für Hintergrundgrafik, weil CSS 2.1 diese nicht skalieren kann? | DieterWelzel | Barrierefreiheit | 23 | 26.03.2008 09:10 |
<ul> variabel mit bgcolor - <li>Als Quelltextanz | Unsk1ll3d | CSS | 2 | 04.05.2006 14:23 |
3-Spalten-Layout: Mitte fest - rest variabel | moonworker | CSS | 2 | 19.03.2006 22:56 |