On Nov 9, 2008, at 9:39 AM, Carla Bruni wrote:
> I am struggling with this for a while.
> Here is the link http://www.geocities.com/[EMAIL PROTECTED]/
> techie.html
> Firefox shows huge space over tabs.
> In Explore looks alright.
> How to improve that? I am out of streamline ideas.Please give it a
> look.
Not only in Firefox, but any browser that is not Internet Explorer.
IE is 'saved' by its own stupidity: the grand-dad of the tabs -
div#column- has a width specified, which triggers 'haslayout' [1], and
isolates the column from the surrounding completely.
In other browsers, the column is not isolated, and the 'clear:left'
declared on the ul.tabs effectively clears the left column. That is
the correct behaviour.
What you'll need to do is isolate the column form the surrounding in
compliant browsers, by establishing a new block formatting context.
#column {overflow:hidden} would do that.
[1] <http://www.satzansatz.de/cssd/onhavinglayout.html>
[2] <http://www.w3.org/TR/CSS21/visuren.html#block-formatting>
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
