我正在将Kartris用于电子商务网站。 在IE7以外的所有浏览器中看起来都很不错。 有问题的页面是: http : //mellcrest.thecalicotree.co.uk/kartris/Default.aspx

以下元素均显示异常,搜索框根本未显示。

 <user:NavigationMenu ID="UC_NavigationMenu" runat="server" EnableViewState="False" />
 <user:SearchBox runat="server" ID="UC_SearchBox" />

导航菜单的CSS是:

#section_searchbox 
{
    background-color:#5e99d2;
    height: 23px;
    background-image: url(images/menu_back.jpg);
    background-repeat: repeat-x;
    border-bottom: solid 1px #01366A;
    border-top: solid 1px #01366A;
    position:relative; 
    z-index:1;

}

#section_searchbox #searchprogress
{

    padding: 0 0 0 0;
    background-color:#5e99d2;
}

#section_searchbox #searchboxes
{
    position: relative;
    padding: 2px 7px 1px 7px;
    float: left;
    background-color:#5e99d2;
    background-image: url(images/menu_back.jpg);
    background-repeat: repeat-x;
}

#section_searchbox #searchboxes input
{
    width: 200px;
}

#section_searchbox #searchboxes input.button
{
    width: 50px;
}

#section_searchbox #searchboxes input.button:focus
{
    border: 0px;
}

===============>>#1 票数:1 已采纳

</head>标记关闭之前添加以下脚本:

<!--[if IE 7]>
    <style type="text/css">

        /* Fixes the display of the menu */
        #header {
            height:113px;
        }

        /* Fixes the search box display */
        #menubar {
            width: 640px;
        }

        /* Fixes the display of boxes in rows
           (IE7 doesn't understand display: inline-block)
        */
        .slideshow, .slideshow2, .slideshow3, .slideshow4, .slideshow5, .slideshow6 {
            float: left;
        }

        /* Fixes the animation transition */
        .slideshow a, .slideshow2 a, .slideshow3 a, .slideshow4 a, .slideshow5 a, .slideshow6 a {
            height: 233px;
            width: 233px;
        }

        /* Fixes the focus of the searchbox. */
        #searchboxes {
            position: relative;
            z-index: 100;
        }
    </style>
<![endif]-->

它可以解决大多数显示问题。

对我来说,菜单和标题的显示方式(在我的IETester中)与最近的浏览器相同(我与chrome比较)。

  ask by Helen translate from so

未解决问题?本站智能推荐:

2回复

IE7渲染CSS错误

我正在一个在IE7中显示不正确的Wordpress网站上工作。 其他所有浏览器,包括IE8都可以。 第一个错误是在顶部菜单中。 IE7显示它比应该的要高一些,并且悬停图像和搜索框未正确对齐。 第二个是帖子的末尾,其中显示了其他页码。 数字框的顶部边框被切除。 最后也是帖子
1回复

CSS3与IE7问题

我已经尝试了一些修复程序,但没有任何效果。 我正在http://MetroClick.com/网站上工作 在IE7中,导航变得疯狂。 我尝试了http://ie7-js.googlecode.com/svn/test/index.html,但效果不佳,只是保持不变。 任何帮助都将不胜
2回复

IE7的CSS问题

我正在设计一个网站,并且它在除IE7之外的所有其他浏览器中看起来都不错,因为我有一个我无法纠正的问题。 我有这样的HTML菜单: 然后我有我的CSS: 这里的问题是,当我在IE7上预览此内容时,什么都没有显示,我已经完全厌倦了定位,还通过使用border =“ dotted”检
1回复

IE7 CSS Hover问题

我创建了两个菜单,一个水平下拉菜单和一个垂直菜单,这些菜单在IE8,Chrome和Firefox中运行良好,但我在IE7中遇到了一个奇怪的问题。 你可以在这里查看一个jsfiddle: http : //jsfiddle.net/5y7vt/3/ 在水平菜单上的IE7中,将鼠标悬停在
4回复

IE7中的CSS问题

我在asp.net项目中使用asp:button。 我写了一个CSS类。 它完美地应用了CSS样式,并在asp:button中显示图像。 在FF,Safari和IE8中运行正常。 但是Css类在IE7中不起作用,如何解决? 我的代码是:
2回复

IE7中的CSS问题

我的网页上遇到了最棘手的问题。 它位于[2012sbc.com/demo] [1]。 如果您单击促销材料的链接,然后单击其中一个下载,然后刷新促销材料页面,它使用a:visited,a:hover和a:来自完全不同的div的活动属性,即导航。 我试图为页面上的链接设置一个全新的div,
2回复

IE7 CSS对齐问题

以下代码在firefox和IE8上运行完美。 但是在IE 7上,中间的“搜索输入文本字段”与其他两个字段未正确对齐,正在下降.. 这是代码,感谢您的帮助
2回复

IE7的CSS问题?

我在IE7中显示以下页面时遇到问题。 http://townappliance.arosavd.com/index.php/barbeques/natural-gas.html 每个产品都有: <div>为带有背景图像的顶部。 <li>为带有背景图像
2回复

IE7的IE7 CSS

我正在尝试在IE7中设计禁用的选择框。 如果停用选择框,如何更改#wwctrl_pay的CSS? 我可以使用CSS吗?
1回复

CSS-IE7和8问题

更新 我注意到只有在使用slideUp / Down时才会发生这种情况。如果使用show / hide Everythings OK 结束更新 在我正在开发/设计的网站中,有2个问题。 在IE7中,滑动菜单似乎没有显示,直到我稍稍移动鼠标为止。 替代文字http:/