Tyson Tate wrote: >On May 2, 2006, at 7:21 PM, francky wrote: >[snip] > > >>btw: you know the Liquid Corner/Border method (without javascript)? >>See Playgarden 8.a <http://home.tiscali.nl/developerscorner/ >>liquidcorners/liquid-corners-playgarden-08a.htm>, and the new >>examples Playgarden 9.a <http://home.tiscali.nl/developerscorner/ >>liquidcorners/liquid-corners-playgarden-09a.htm> to 9.c. >> >> >Unfortunately, those methods rely on seven(!) extra divs to do the >work of a single box: > ><div> > <div /> > <div /> > <div> > <div> > <div> > content > </div> > </div> > </div> > <div /> > <div /> ></div> > >As opposed to: > ><div> > content ></div> > >[...] > > Yes, I agree. In css-3 it might be possible with the new "border-image" property. http://www.w3.org/TR/2005/WD-css3-background-20050216/#border-image Sounds like good music! :-) But before css-3 is out of the draft-status, and before *all* browsers (including The Big Bad Brother) will be supporting the recommendations ... ... there will be some years to overcome with tricks and hacks, I'm afraid.
IMO it will be extremely difficult to make an acid proof universal cross browser css-only solution with only one <div>. Universal: fitting around whatever dimensions of the content, having the option of transparent outsides of the corners (scrollable over a fixed non uni colored background), and so on. I guess it will need more development time and more css-lines to serve all browsers, than just repeat pasting the 7 extra div's in the html. ;-) As a "working draft" I made a test page with the Liquid Corners method, avoiding the javascript you used: http://home.tiscali.nl/developerscorner/liquidcorners/test-calpoly-new.htm FF doesn't jump anymore, all distances are as ordered. The other browsers I have, are alright too (don't know Safari-results). The construction is not a beauty, that is true, but for the visitor the result is there. Greetings, francky ps-1: And if you haven't quite a lot of images (or maybe even then), there can be saved time with The Big Alternative O:-) : http://home.tiscali.nl/developerscorner/liquidcorners/test-calpoly-alt.htm (also suitable for the <ul> approach). ps-2: After writing this, I saw your other post "Tyson's Box (Is Broken!" > came in with a great time delay. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
