[jQuery] Re: Tabs plugin in floated container

2007-07-16 Thread Klaus Hartl
Rob Desbois wrote: 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 ;-) Opera and Safari

[jQuery] Re: Tabs plugin in floated container

2007-07-16 Thread Rob Desbois
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 PR

[jQuery] Re: Tabs plugin in floated container

2007-07-16 Thread Rob Desbois
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: > K

[jQuery] Re: Tabs plugin in floated container

2007-07-16 Thread Klaus Hartl
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 t

[jQuery] Re: Tabs plugin in floated container

2007-07-16 Thread Rob Desbois
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 :-( --rob On 7/16/07, Klaus Hartl <[EMAIL PROTECTED]> wrote: Rob Desbois wrote: > Klaus,

[jQuery] Re: Tabs plugin in floated container

2007-07-16 Thread Klaus Hartl
Rob Desbois wrote: Klaus, Yes, apologies the code I posted was absolute rubbish. The code you posted was what it actually looked like. Sorry for that! If you think about it the tabs styling will always break the page if inside a floated layout: the rule that makes the end of the ul.tabs-nav

[jQuery] Re: Tabs plugin in floated container

2007-07-16 Thread Rob Desbois
Klaus, Yes, apologies the code I posted was absolute rubbish. The code you posted was what it actually looked like. Sorry for that! If you think about it the tabs styling will always break the page if inside a floated layout: the rule that makes the end of the ul.tabs-nav have "clear: both" will

[jQuery] Re: Tabs plugin in floated container

2007-07-13 Thread Olaf Bosch
Rob, you must set the parents element to, with float! try: div#sidebar { float: left; width: 15%; } div#content { float: left; /* or right */ margin-left: 16%; display:inline; /* for duble margin in IE when left float */ } -- Viele Grüße, Olaf --- [

[jQuery] Re: Tabs plugin in floated container

2007-07-13 Thread Klaus Hartl
Rob Desbois wrote: Happy Friday 13th all ;-) Just mocking up a new interface and attempting to use floated s for layout. The right div of two floated next two each other needs to be a tabbed container...but the tabs plugin floats the elements then does a clear:both afterwards which breaks m

[jQuery] Re: Tabs plugin in floated container

2007-07-13 Thread Klaus Hartl
Rob Desbois wrote: Happy Friday 13th all ;-) Just mocking up a new interface and attempting to use floated s for layout. The right div of two floated next two each other needs to be a tabbed container...but the tabs plugin floats the elements then does a clear:both afterwards which breaks m

[jQuery] Re: Tabs plugin in floated container

2007-07-13 Thread Klaus Hartl
Rob Desbois wrote: Am I right in thinking that the tags are given display:block and then floated to make them all automatically the same width? Or not? Bah, darn CSS trickery... The s are given block to make them expand to the whole available width, or more generally spoken to increase the

[jQuery] Re: Tabs plugin in floated container

2007-07-13 Thread Rob Desbois
Am I right in thinking that the tags are given display:block and then floated to make them all automatically the same width? Or not? Bah, darn CSS trickery... On 7/13/07, Rob Desbois <[EMAIL PROTECTED]> wrote: Klaus, Thanks for the reply - making the float as well didn't help. Using the over

[jQuery] Re: Tabs plugin in floated container

2007-07-13 Thread Rob Desbois
Klaus, Thanks for the reply - making the float as well didn't help. Using the overflow doesn't seem to have any discernible difference from without it (when the tabs-nav:after rules are removed). I think the best way to go will be to remove "display: block" from the ".tabs-nav a" rule and do th

[jQuery] Re: Tabs plugin in floated container

2007-07-13 Thread Klaus Hartl
Klaus Hartl wrote: Rob Desbois wrote: Happy Friday 13th all ;-) Just mocking up a new interface and attempting to use floated s for layout. The right div of two floated next two each other needs to be a tabbed container...but the tabs plugin floats the elements then does a clear:both afte

[jQuery] Re: Tabs plugin in floated container

2007-07-13 Thread Klaus Hartl
Rob Desbois wrote: Happy Friday 13th all ;-) Just mocking up a new interface and attempting to use floated s for layout. The right div of two floated next two each other needs to be a tabbed container...but the tabs plugin floats the elements then does a clear:both afterwards which breaks m

[jQuery] Re: Tabs plugin in floated container

2007-07-13 Thread Rob Desbois
Whoops, forgot to mention I'm using tabs 2.7.3 --rob On 7/13/07, Rob Desbois <[EMAIL PROTECTED]> wrote: Happy Friday 13th all ;-) Just mocking up a new interface and attempting to use floated s for layout. The right div of two floated next two each other needs to be a tabbed container...but t