Brian Jones wrote: >On 6/1/06, francky <[EMAIL PROTECTED]> wrote: > > >>New experiment: here is another altenative, with small images, and >>font-scaling proof: >>http://home.tiscali.nl/developerscorner/css-discuss/test-brian.htm >>(fixed width version) >> >> >Hi francky, > >thanks for your help...i will use this technique..but I have a >question..in the inner-body div if you decrease the content, say to >only one line of text, the green border does not extend the height of >the inner-left div...so how can I have so that no matter what the >length of the content is in any div there's a border separting the >inner-left div and inner-body div. > >Could I use the panel-sides image that you've supplied and have it >repeat-y? or what? > > Hi Brian, I understand you will use the fixed with version. [1] In that case all the div's for a flexible width can be missed! ;-) All you need is to make it flexible in height only, which is much more simple, and is possible without the whole liquidcorners.css. The border line between the left column and the content column you can make in 1 img together with the left side border and the right side border. And you can put a different background color for both columns as well in that image: making faux columns.
New, simplified example, with all borders as painted borders which you can adapt in any color/form you want: http://home.tiscali.nl/developerscorner/css-discuss/test-brianfixed.htm The 3 images are together less than 4.5 kB; again font scaling proof and IE proof (Win98 anyway). Greetings, francky PS: the IE-styles are not yet in conditional comment: as Robert said, it's a good idea to do that when the lay out is finished. [1] Be aware of the big wasted screen area at screens > 1024x768, as illustrated by Felix Miata in "Fixed-Width Designs Belong on Paper, Not the Web": http://mrmazda.no-ip.com/SS/bbcSS.html Perhaps you should consider to make a flexible width ... (I think the code can be simplified as well). ______________________________________________________________________ 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/
