Daniel Liljeberg wrote: > Hi again… Thanx for that info. It doesn’t work 100% yet since I needed > to change a few things. But it will in a minute. The best solution I > have seen so far. Just thinking, couldn’t you use a 1px wide image for > bottom and top and repeat them instead of having a long one? Since > that limits maximum resolution supported? Still doesn’t take much > space so so this work fine. > > / Daniel > > ------------------------------------------------------------------------ > > *From:* francky [mailto:[EMAIL PROTECTED] > *Sent:* den 6 januari 2006 23:56 > *To:* Daniel Liljeberg > *Cc:* css-d@lists.css-discuss.org > *Subject:* Re: [css-d] Boxproblem > > Daniel Liljeberg wrote: > >I have a box with rounded corners created with divs and background graphics > >of the corners, sides and the bottom. > > > >... Javascript ... > > > >The problem is that it doesn't scale with the content. > > > > Hi Daniel, > Going to the Wiki, like the others said, is a good idea. > In addition: on my site I have an article/tutorial "Liquid Round > Corners > <http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm>" > in pure (and simple) css, which scale automatically. Cross-browser, > and no javascript needed! Also a "Liquid Corners Playgarden > <http://home.tiscali.nl/developerscorner/liquidcorners/liquid-corners-playgarden-index.htm>" > > with examples is provided. > I got the advise to add this to the Wiki, but did not succeed yet to > get it on. > Hope you can use something of it. > > francky > ==================================== Yes Daniel, Glad it is going to work.
I think it is good possible indeed to use an image of just 1px width. Then it has to be called by another <div> between the left and right ones on top and bottom. But because it has to be repeated in the background, it cannot be a part of a combined corner image (with left and right corner in it). Then you need in total 2 images instead of 1. That is: 1 image with the 4 corners, and an 1px image with top and bottom border (under each other). Is a bit css and html more, and there are two http-requests needed to get the two images downloaded. That is: two relative slow upload-questions from client to provider plus two times the sending of a TCP/IP-package with image downwards. So it will be some more time to get 2 images on screen. I think the advantage of 2 smaller images instead of 1 long sigar (only 1 http-request needed) is not so big, if not contraproductive for the speed. - The sigar width only limits the supported maximum resolution, if to small. Easy made a long one for say a 26 inch 3200x2400 monitor, then we have some years in advance before we have to adapt! ;-) Btw, css does not have this option, but an easy way should be if we could give the width and height attributes to a background image, or a stretching factor. Would be nice! francky ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
