Hallo
Ich bastle gerade an einem Design, bei welchem der Inhalt in einem Rahmen steht: dieser Rahme ist allerdings in Farbverlauf von transparent nach blau und wieder nach transparent. der mittlere (also blaue) teil dieses Rahmens soll immer schön mit blau gefüllt werden, egal wie lange der Inhalt ist.
ich habe links und rechts bei diesem Rahmen 3 folgenden Aufbau:
+++++++++
- oben +
- +++++++
- mitte +
+++++++++ - unten +
+++++++++
oben -> verlauf von transparent nach blau
mitte-> nur blau
unten-> verlauf von blau nach transparent.
wie kann ich nun machen, dass dieser (1px breite) rahmen in der mitte immer ein blaues verbindungsstück hat?
***************************************
<div class="links">
<img src="img/oben.png" alt="borderlinksoben" />
<div class="rahmenmitte"></div>
<div class="rahmenunten"><img src="img/unten.png" alt="borderlinksoben" /></div>
</div>
.links{
float:left;
width:1px;
display:block;}
.rahmenmitte{
background:url(img/borderm.png) repeat-y;
}
.rahmenunten{
position:absolute;
left:0;
bottom:0;
margin-bottom:20px;}
**********************
=> "rahmenmitte" soll also immer 1px breit mit diesem hintergrund gefüllt werden, je nachdem wie viel inhalt nebendran steht
das kann doch nicht so schwer sein, aber ich häng schon ne weile fest... unglaublich^^