Als je op het internet zoekt naar rounded corners of ronde hoeken dan kom je vele honderden manieren tegen
om het op te lossen, al dan niet met afbeeldingen, JavaScript of CSS.

Ik zoek een simpele, in alle browsers compatibele oplossing, maar ik heb geen flauw idee welke ik moet kiezen.
Het liefst iets zonder afbeeldingen dus deze valt dan al af.

Nifty Corners Cube lijkt wel goed maar ik krijg hem
niet lekker aan de praat in m'n Joomla template.

Deze met jQuery gooit m'n CSS in de war en de developer
site ziet er nu niet zo daverend uit, wel heel simpel.

Oftwel, weet iemand een goede keuze?

De Jquery oplossing werkt niet met IE 6. Nifty corners wel, maar daar krijg je dus problemen mee.
De oplossing met plaatjes werkt in elke browser.

Ikzelf maak binnen een div een kopdiv en een staartdiv aan met de afgeronde hoeken. De content kan dan rustig meegroeien met de inhoud. Uiteraard werkt dit alleen met een vaste breedte. Deze oplossing werkt in ieder geval prima met Wordpress: met Joomla heb ik (nog) geen ervaring.

De oplossing met CSS komt pas een beetje op stoom als meer browsers CSS3 ondersteunen: dan wordt het wel heel makkelijk: http://net.tutsplus.com/tutorials/html-css-techniques/5-techniques-to-acquaint-you-with-css-3/.

(Bewerkt door Eelco om 11:11, 19-07-2009)