Sent by francky on 30 January 2006 11:11
[EMAIL-REMOVED] wrote:
>Problem: to get compatibility between browsers for a simple menu system, which has two levels (main
menu and submenus underneath). Attempts: numerous, but I cant get compatibility, and I am trying not
to use tables (a table solution takes 5 minutes).
>My site is at http://www.merrows.co.uk.
>Request: I would like any links or suggestions about CSS for the above problem.
>
>
Hi mr. or mrs. Sales!
I compared browsing your page in FF and in IE, both under Win98SE:
* With respect to the menu, I don't remark great compatibility
differences.
* In both the submenu's don't show under the main menu, so I think
that's the problem.
* The light brown background-color under the main header doesn't
show in FF because the "#headerBackground" has no height.
* The search text area has a wrong position in FF.
You defined some general styles for the "#primary" in lines after
"#primary ul#secondary li a" and things like that. I guess that because
of the cascade-principle of css the latest (and containing) "#primary"
is then overruling all more specified styles.
Also the body-styles are at about 1/4 of the stylesheet instead of just
in the beginning. Then: body
{margin-top:1pt;margin-left:3pt;margin-right:3pt}prescribes general
margins, which are interpreted differently by IE, as far as I know. In
general: body { margin: 0; padding: 0; } does get the browsers on the
same output; in following containers you can specify other margins.
And perhaps not the main issue, but without 100% general coding it
anyway will not go better ;-):
1. HTML
The <link rel="STYLESHEET"
href="http://www.merrows.co.uk/aspnet/menu.css"> is missing the
attribute: *type="text/css"*.
2. CSS
The css-validator
<http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fbathrooms.merrows.co.uk%2F>
indicates the are errors in the menu.css.
For instance:
= = =
..navcontainer a:hover,
..navcontainer a:visited:hover, /* Parse Error - no comma here! */
{
background-color: #369;
color: #FFF;
}
= = =
francky
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
