Rounded corners + shadows xhtml/css

**Alexander Lambrechts** · 26-12-2010, 21:04

Beste SD Leden

Ik zit met een vraag, ik heb een paar achtergronden met ronde hoeken en een schaduw.

http://www.plaatjesupload.nl/bekijk/2010/12/26/1293383259-570.png

Het bovenste blauwe gedeelte word een BG voor het hoofdmenu, het witte gedeelte komt een linkse en rechtse kolom in en dan het onderste wordt de footer, maar zoals je kan zien is er ook een drop shadow, nu zou ik deze overal willen hebben maar ik weet niet goed hoe hier aan te beginnen ? ( uiteraard moet de content kunnen groeien en dergelijke...

alvast bedankt !

**Stefan Visser** · 26-12-2010, 21:20

Je kan heb gewoon slicen zo dat je de randen als apparte div hebt.

Maar je kan ook border-radius gebruiken, dit werkt alleen nog niet in IE ( dacht alleen in IE9 )

http://www.css3.info/preview/rounded-border/

**Alexander Lambrechts** · 26-12-2010, 21:24

en hoe kan ik het dan doen met de shadow ?

**Tom giesbergen** · 26-12-2010, 21:28

http://www.css3.info/preview/rounded-border/
http://www.css3.info/preview/box-shadow/

voor de rounded corners, is css3 werkt dacht het alleen voor ie9 en google chroome goed

**Marcel van Vrouwerf** · 27-12-2010, 09:34

En voor de oudere versies van IE hebben we ook nog CSS3 PIE

Rounded corners + shadows xhtml/css