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