Re: [css-d] Maintaining proportions of a div when resizing (A solution)

2006-01-16 Thread Gunlaug Sørtun
Leszek Swirski wrote: > http://leszek.swirski.co.uk/proportionaldiv.htm Latest update is looking good - with only one weak point left. All browsers (not just IE/win) need an 'overflow: auto;' on #inner, in order to cope with lots of content on narrow windows. IE/Mac does add a horizontal scrollba

Re: [css-d] Maintaining proportions of a div when resizing (A solution)

2006-01-15 Thread Ingo Chao
Leszek Swirski wrote: >> Your test case actually covers a lot of my screen when I don't hide the >> 200% from the others. >> >> Ingo > > And that just goes to prove that IE is a cross-platform pain in the arse. > Thanks for the testing, I've updated (again): > > http://leszek.swirski.co.uk/propo

Re: [css-d] Maintaining proportions of a div when resizing (A solution)

2006-01-15 Thread Leszek Swirski
>Your test case actually covers a lot of my screen when I don't hide the >200% from the others. > >Ingo And that just goes to prove that IE is a cross-platform pain in the arse. Thanks for the testing, I've updated (again): http://leszek.swirski.co.uk/proportionaldiv.htm - Leszek _

Re: [css-d] Maintaining proportions of a div when resizing (A solution)

2006-01-15 Thread Ingo Chao
Leszek Swirski wrote: > Like I said with the height though, you don't technically need to hide it > since it'll just calculate 200% of 0, which is still 0. Nevertheless, I > suppose it doesn't hurt to hide it for reasons of clarity. Your test case actually covers a lot of my screen when I don't

Re: [css-d] Maintaining proportions of a div when resizing (A solution)

2006-01-15 Thread Leszek Swirski
#inner { position: absolute; top: 0; bottom: 0; width: 100%; height: 200%; } >> >>> /*\*/ * html #inner {height: 200%;} /**/ >> >> And the "crazy reason" IE/win needs that height in the first place, is >> that IE/win can't handle AP for opposite edges of an element. >> IE/win can't mak

Re: [css-d] Maintaining proportions of a div when resizing (A solution)

2006-01-15 Thread Ingo Chao
Gunlaug Sørtun wrote: > Ingo Chao wrote: >> Leszek Swirski wrote: > >>> #inner { position: absolute; top: 0; bottom: 0; width: 100%; >>> height: 200%; } > >> /*\*/ * html #inner {height: 200%;} /**/ > > And the "crazy reason" IE/win needs that height in the first place, is > that IE/win can't h

Re: [css-d] Maintaining proportions of a div when resizing (A solution)

2006-01-15 Thread Gunlaug Sørtun
Ingo Chao wrote: > Leszek Swirski wrote: >> #inner { position: absolute; top: 0; bottom: 0; width: 100%; >> height: 200%; } > /*\*/ * html #inner {height: 200%;} /**/ And the "crazy reason" IE/win needs that height in the first place, is that IE/win can't handle AP for opposite edges of an elem

Re: [css-d] Maintaining proportions of a div when resizing (A solution)

2006-01-15 Thread Ingo Chao
Leszek Swirski wrote: > I recently needed a div banner on a liquid width site to keep its height > proportional to its width ... > http://leszek.swirski.co.uk/proportionaldiv.htm > > It's quite a long write-up (my first!), but in summary you have two divs, > #outer and #inner, which are styled as

[css-d] Maintaining proportions of a div when resizing (A solution)

2006-01-15 Thread Leszek Swirski
I recently needed a div banner on a liquid width site to keep its height proportional to its width - however a quick google search didn't find anything on the subject. So, I developed my own technique, based on paddings and absolute positioning. The full write-up is available here: http://leszek.