Thursday 01 July 2004 7:09:46 am
I've already given Mr. Ferreira an answer on e-mail on this, but since this would be a general issue I'll repeat it here: The problem with the toolbar breaking in Mozilla is due to its interpretation of this style declaration in site.css:
div#toolbar-top ul
{
float: right;
}
There are two option, which I've just tested here: * In a lot of cases the "float: right;" may be redundant, because "div#toolbar-top" already has the attribute "text-align: right;" set. So the float statement could possibly just be removed entirely. * Insert white-space: nowrap; into the declaration:
div#toolbar-top ul
{
float: right;
white-space: nowrap;
}
Both these methods seems to solve the problem in a general way, but you need to test it in you specific context to be sure neither one creates any unexpected behaviour for you. There are two issues related to the possible breaking of the layout with larger sizes as you mention: * The width of the site should not be set to an absolute value (as the demo designs are), to allow for the width to stretch to fit a larger browser vindow. * But still; when using a pure DIV and CSS based layout elements _will_ force themselves to overlay _if_ squeezed together in a too tight layout, as they "respect" the set width of the browser window. This is different from old table based layout where content inside a cell normally never will go outside that cell, and just force a wider page with vertical scrollbar if needed. This is one of the big challenges of DIV and CSS based layout; to handle these situations in the best possible way. th[eZ]
|