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.
