Komplext CSS "Rounded Corners" problem.

[mindsleep]

En riktigt nöt att knäcka.

 

Scenariot är rätt enkelt en ram runt en tabell som ska kunna skala i x och y led eftersom tabellen kan växa.

 

Se bifogad bild.

 

Alla "b" är bakgrundsbilder. Alla har fasta förbestämda propotioner i yx (kan dock vara olika på olika bilder)...förutom b2,b5,b8,b11 som måste kunna växa eftersom Tabellen kan växa.

 

Men hur ska man göra en vettig "markup" som fungerar i "alla" webbläsare. Ska man typ köra 12 bakgrundslager och göra någon "onion skin" lösning eller finns det bättre lösningar?

 

Förslag önskas. Poäng belönas till den som hittar en bra lösning på problemet

 

//MVH Mindsleep

 

I am who i am, you are who you are, i respect that

 

[bild bifogad 2009-03-01 12:17:45 av mindsleep]

[Jonas__B]

Gör ett standardutseende som fungerar och ser bra ut. Applicera sedan någon av de otal befintliga rounded-corners-funktioner (javascript) som finns.

 

exempel: http://www.456bereastreet.com/archive/200505/transparent_custom_corners_and_borders/

 

[mindsleep]

Jag löste det själv med hjälp av 5 wrapper lager och "onion skin" tekniken. Fungerar suveränt och bäst av allt...inga script eller special lösningar för olika webbläsare

 

Var inte alls så komplicerat som jag gjort det. Var förmodligen bara trött.

 

//MVH Mindsleep

 

I am who i am, you are who you are, i respect that