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 always force the container (if below the <ul>) to
position itself below all previous floated elements on the page.
But they're not floated (float makes an element automatically block). In
IE though they're floated to fix stupid bugs.
I meant the <li> elements wrapping the <a>s are floated for this, as
otherwise they'll be in a vertical layout.
It may be possible to do a decent-looking layout with non-floated <li>
elements, perhaps by using "display: inline" but I think that to get uniform
sizes JS would be required to do some post-rendering fiddling.
Olaf,
Thanks - that prevents the clear property from affecting it.
I hadn't realised floats worked like that.
Cheers both,
--rob
On 7/13/07, Olaf Bosch < [EMAIL PROTECTED]> wrote:
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
-------------------------------
[EMAIL PROTECTED]
http://olaf-bosch.de
www.akitafreund.de
-------------------------------
--
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.
