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

Reply via email to