[CSS]Dropshadow over Gradient

[Ewald !]

Ik wil graag mn nieuwe site in css maken ipv tabbellen. Nu heb ik deze site in elkaar geknutseld:
[img=http://img224.exs.cx/img224/3465/12bf.th.png]
Ik weet nog niet hoe ik die drop shadow ga doen. (de site moet verticaal dynamisch gaan worden)
Ik dacht eerst aan

code:

background: url('images/img_01.jpg') #C70E0E repeat-x;

Dan is img_01 ong dit: [img=http://img191.exs.cx/my.php?loc=img191&image=38pk.png], gevolgd door de kleur #C&0E0E. Alleen klopt dit niet meer met die drop shadow. Wie kan helpen?

[ Voor 8% gewijzigd door Ewald ! op 28-03-2005 14:00 ]

[sjaakaq]

Wat als je nu een heel dun plaatje (1 hoog, 30 breed oid) maakt van die dropshadow en dan links en rechts naast de "hoofdkolom" divjes plaatst en dan:

Cascading Stylesheet:

#linkerdivjenaastdehoofdkolom {
background: url('schaduwlinks.png') repeat-y right;
}

Cascading Stylesheet:

#rechterdivjenaastdehoofdkolom {
background: url('schaduwrechts.png') repeat-y left;
}

[Ewald !]

leokennis schreef op maandag 28 maart 2005 @ 14:09:
Wat als je nu een heel dun plaatje (1 hoog, 30 breed oid) maakt van die dropshadow en dan links en rechts naast de "hoofdkolom" divjes plaatst en dan:

Cascading Stylesheet:

#linkerdivjenaastdehoofdkolom {
background: url('schaduwlinks.png') repeat-y right;
}

Cascading Stylesheet:

#rechterdivjenaastdehoofdkolom {
background: url('schaduwrechts.png') repeat-y left;
}

ja maar die moet dus transparant, en dan is IE niet meer compatible (toch?)
Of moet ik dan lekke reen gifje gaan maken?
Is het echt nou zo makkelijk... Dat eerste van mij was iig goed, maar moet ik alleen dat plaatje zonder dropshadow doen.

[sjaakaq]

mm als je background een egale kleur heeft kun je die natuurlijk verwerken in je dropshad-plaatje en er een JPG van maken oid.

Oja en mat dat semi-transparantie: eigenlijk sowieso niet doen. Ik heb eens een background-GIF gemaakt; scanlines. Plaatje was 1x2; grijs pixeltje boven transparant pixeltje. En dat dus 10.000x herhalen als achtergrond. IE krijgt dan huge renderproblemen; scrollen gaat superhakkelig omdat ie het blijkbaar niet aankan om steeds te renderen wat nu opaque of transparant moet (bijvoorbeeld als er tekst over de achtergrond komt).

[Ewald !]

dan fix ik dat wel met een wat grotere texture.
maar de achtergrond is dus gradient, dus ik schiet hier niet mee op..

[Ewald !]

ik kan die divjes er wel naast plakken ,maar hoe zijn ze dynamisch? dat ze even lang/hoog als de container zijn