Question

此搜索框不会在WordPress网站上的IE8中向右浮动。请参阅屏幕截图，了解它在FF中的外观以及它在IE8中的外观：http://www.abload.de/img/searchbox_bugl4z5.jpg

header.php的代码（添加浮点数：就在这里，但我觉得这样做没用？）：

<div id="topnav">
    <?php echo qtrans_generateLanguageSelectCode('image'); ?>
    <br />
    <form style="float:right;" role="search" method="get" id="searchform" name="searchform" action="#" >
        <div style="float:right;">
            <input class="text" type="text" value="Search for..." onfocus="if(this.value == 'Search for...'){this.value = '';}" name="s" id="s" />
            <input class="button-secondary" type="submit" id="searchsubmit" value="Search" />
        </div>
    </form>
</div><!-- /#topnav -->

CSS代码：

#topnav{
    font:17px/17px Helvetica, Arial, sans-serif;
    padding:0;
    float:right;
    margin-top:23px;
}

我在这里查看了一些帖子，但实际上并没有找到解决方案。

谢谢你们！

Answer 1

如果您的#topnav不需要在任何内容旁边浮动，则可以通过从HTML中删除所有style="float:right;"并按如下方式更改#topnav CSS来解决此问题：< / p>

#topnav{
    text-align: right;
    font:17px/17px Helvetica, Arial, sans-serif;
    padding:0;
    margin-top:23px;
}

以上所做的是使#topnav容器成为100％宽度，非浮动元素，将右边的所有内容对齐。你可以看到它in action here。

如果以上内容对您不起作用，请随意发布更多代码/屏幕截图。如果你有一个开发链接我们可以看，甚至更好。

搜索框不会在IE8中向右浮动

1 个答案: