【问题标题】:Joomla 1.5, CSS, IE7 and mod_menuJoomla 1.5、CSS、IE7 和 mod_menu
【发布时间】:2011-03-02 05:54:33
【问题描述】:

我在这里有一个用 Joomla 完成的网站(我对 Joomla 不是很熟悉,但我必须快速学习它)并且在所有浏览器中看起来都很棒,除了 IE7。 问题是顶部菜单不会在 IE7 中呈现,因此菜单中断后的所有 CSS。我知道它至少部分加载,因为一些样式正在加载(背景、颜色和类型),但主容器和其他 div 没有呈现。 我怀疑 IE7 没有读取正确的样式表(有 4 个 - 一个用于正常,一个用于 IE7,一个用于 IE6,一个用于打印)并且可能试图同时实现两个? 我对如何找到问题没有更多的想法,所以我希望其他人遇到这个问题或知道如何解决它。 我已包含指向该网站主页的链接,但如果您需要更多信息以帮助我,请告诉我。 提前致谢。

【问题讨论】:

    标签: css internet-explorer-7 joomla1.5


    【解决方案1】:

    我浏览了您的一些 CSS,并在 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 */
    

    我猜,我会说是这样的:

    {
    HorizontalAlign
    }
    ;
    

    应该是这样的:

    {HorizontalAlign};
    

    然后 Joomla 将替换占位符。 (我不知道 Joomla,我只是猜测它会)

    如果没有,请改用text-align: center

    如果仍然无法解决问题,您应该查看所有 CSS 以查找更多相同错误的实例。

    【讨论】:

    • 我解决了这个问题,但它仍然无法正常工作。我确信菜单模块不能很好地与 IE7 配合使用,所以我正在测试一个不同的模块。
    • 好吧,如果你不能让它工作,请告诉我,我会看看。毕竟,我并没有真正赢得这个问题的接受。
    • @thirtydot - 它不起作用,我认为这是因为 IE7 正在使用 print.css 样式表与其他样式表一起呈现它。这听起来很奇怪,但有些样式有效,有些则无效。我很确定它使用的是 print.css,因为对于那个,我使标题不显示,而在 IE7 中,标题没有显示,即使它应该显示在屏幕上,只是在打印时没有显示。
    • 我将在几个小时后仔细研究一下,届时我将有时间正确检查并确定 IE7 中正在发生 WTF。
    • 原来是CSS的顺序,一旦我移动了一些东西,它就开始起作用了。我讨厌的部分是 IE7 似乎没有任何调试工具,这就是为什么我花了这么长时间才弄明白的原因。虽然我使用的是 IETester,因为我的 windows 盒子有 IE8,这是我知道测试它的唯一方法。
    猜你喜欢
    • 1970-01-01
    • 2013-02-24
    • 2013-02-24
    • 1970-01-01
    • 1970-01-01
    • 2011-12-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多