Aha, the solution failed in IE6 though! (Including your test page).
A quick play shows the floating #sidebar and #content right instead of left, and putting #content before #sidebar in the source to fix the problem. I daren't go near Opera/Safari now ;-) --rob On 7/16/07, Rob Desbois <[EMAIL PROTECTED]> wrote:
Klaus, thank you. That's fixed it perfectly, and it's not an inelegant solution. I still find proper column layouts in pure CSS can be such a trial to get right: this trick is going in my snippet library! --rob [happy] On 7/16/07, Klaus Hartl <[EMAIL PROTECTED]> wrote: > > > Rob Desbois wrote: > > Klaus, > > > > Try adding "height: 200px;" to div#sidebar and you can see the > problem. > > Floating div#content left or right solves that problem, but does mean > > the div's don't expand to fill the client area anymore :-( > > > I see. The reason why I never ran into this kind of problem is that I > usually use a little more complex layouts to allow better source code > ordering (content first!). > > I quickly put together a little prototype, which overcomes your problems > > while allowing flexible width (only tested in Firefox): > http://stilbuero.de/jquery/tabs/test.html > > It uses a wrapper with 15% padding on the left, the sidebar is floated > left and pushed onto the wrapper's left padding via negative margin. The > content expands to 100% width... > > HTH, Klaus > > > --Klaus > -- Rob Desbois Eml: [EMAIL PROTECTED] Tel: 01452 760631 Mob: 07946 705987 "There's a whale there's a whale there's a whale fish" he cried, and the whale was in full view. ...Then ooh welcome. Ahhh. Ooh mug welcome.
-- Rob Desbois Eml: [EMAIL PROTECTED] Tel: 01452 760631 Mob: 07946 705987 "There's a whale there's a whale there's a whale fish" he cried, and the whale was in full view. ...Then ooh welcome. Ahhh. Ooh mug welcome.