Geschrieben von phlox81 am 10.07.2007 um 19:52:
Div für Deko
Mal kurz worum es geht, also ich habe ein Menü, welches mit CSS aufgebaut ist (der code ist größtenteils von css4you.de).
Nun habe ich dieses Div in einem anderen Div drin.
In diesem Div gibt es ein weiteres Div, welches einzig und allein zur Deko da ist,
es soll einen Farbverlauf zwischen Menü und Content zeichnen.
Es enthält also lediglich ein Hintergrundbild.
Im CSS sieht das dann so aus:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
|
#decoration_right
{
float:right;
height:100%;
width:20px;
background-image:url(right.png);
border:1px solid #606060;
background-repeat:repeat-y;
}
HTML:
<div id="decoration_right"></div> |
|
Jetzt wird allerdings lediglich der Rahmen des Divs angezeigt, das height 100% ignoriert er,
während er ein % im width annimmt. Feste px werte zeigt er ohne Probleme an.
Erreichen will ich, das das Div über x% des parent divs geht, auf der rechten Seite.
Ist das überhaupt möglich?
Oder müsste ich später in einem Skript dann die länge der Elemente in px berechnen?
Gibt es evtl. eine elegantere Lösung für mein Problem?
phlox