Colin Walls wrote:
Have a look at www.manchesterCadet.org in the browser of your choice.
If you use Firefox, Opera or the like the menu on the right will have solid,
filled gradient titles (e.g. "Main Menu") and the menu items underneath
will have a background that fills the whole of the sidebar.
If you use IE the gradient stops at the bottom of the text, showing the
background graphic underneath. The menu items are only filled around the
text of the item.
Given that I am using the Joomla CMS to generate the page I don't have too
much control over the generated HTML. What can I do to fix the problems in
IE in the CSS?
As this site is a work in progress I would be happy to receive any other
criticisms before it goes properly live.
Hello Colin
You didn't say which IE you were talking about, but I reproduced the
problem you described in IE6, so I think I know what the problem is.
I see you are using this:
html>body a.mainlevel { display:block; }
The html>body part comprise a child selector, meaning you want the rule
to apply only to (a.mainlevels which are descendents of) any <body>
element which is a child of <html(okay, they "all" are).
But IE < 7 doesn't understand the child selector, so the use of this
form in CSS is called the Child Hack, because it's a good (no arguments,
please) way to hide rules from IE.
See, among others,
http://css-discuss.incutio.com/?page=ChildHack
See also
http://blogs.msdn.com/ie/archive/2005/10/12/480242.aspx
Since the a.mainlevel selector alone ought to give you what you want, I
can only guess that earlier incarnations of the site tried to
deliberately do something special for IE. Now that hack is in the way.
I'm looking forward to hearing if this is the problem, of if I'm way off
track.
BTW, even when I see the photo on the front page it's not immediately
clear what your site is about. The word fencing does appear, but it's
way down near the end of the text. The text at the top starts talking
about photography, so I guessed at first it was either a photography
site, a general sports site, a site for some multi-discipline sports
competition, before I verified that it was indeed about sabre fencing at
the cadet level. Oh, and now that I write this, I see your meta
description says, "The only 6 weapon cadet tournament..." Could be clearer.
--
John
