开发者

Joomla 1.5, CSS, IE7 and mod_menu

I have a site that was done in Joomla here (I'm not very familiar with Joomla, but I have had to learn it quickly) and looks great in all browsers, except IE7. The problem is that the top menu doesn't render in IE7, and thus all the CSS after the menu breaks. I know that it's at least partially loading because some of the styles are loading (the background, colours and type), but the main container and other divs aren't rendering. I suspect that开发者_StackOverflow社区 either IE7 is not reading the correct style sheet (there are 4 - one for nomal, one for IE7, one for IE6 and one for printing) and may be trying to implement two at the same time? I have no more ideas for how to find the problem, so I'm hoping that either someone else has had this problem or knows how to fix it. I have included a link to the home page of the site, but if you need more information in order to help me, just let me know. Thanks in advance.


I skimmed through some of your CSS, and I found this section in template.css:

/* begin Logo */

div.art-logo {
    display: block;
    position: absolute;
    left: 10px;
    top: 20px;
    width: 500px;
}
h1.art-logo-name {
    display: block;
 text-align: {
HorizontalAlign
}
;
}
h1.art-logo-name, h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover {
    font-size: 26px;
    text-decoration: none;
    padding: 0;
    margin: 0;
 color: {
NameFontColor
}
 !important;
}
h2.art-logo-text, h2.art-logo-text a, h2.art-logo-text a:link, h2.art-logo-text a:visited, h2.art-logo-text a:hover {
    font-weight: normal;
    font-size: 18px;
    padding: 0;
    margin: 0;
 color: {
TextFontColor
}
 !important;
}
h2.art-logo-text {
    display: block;
 text-align: {
HorizontalAlign
}
;
}
/* end Logo */

At a guess, I'd say that the bits like this:

{
HorizontalAlign
}
;

should be this like this instead:

{HorizontalAlign};

and then Joomla will replace the placeholder. (I don't know Joomla, I'm just guessing it will)

If not, try text-align: center instead.

If that still doesn't fix it, you should look through all of your CSS for more instances of the same mistake.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜