Question

我试过谷歌搜索，但找不到任何问题的提示。有这么多的IE错误修正案，我想不出这个有什么问题。

我得到的是带有页眉和页脚的3列布局。左列和主内容div都位于左侧浮动的容器div中（左侧col和主要内容在其中左/右浮动）。右栏是浮动的。

在主要的内容div中，我有一个搜索栏，其HTML位于底部（在某个内容下方），但绝对定位，因此它位于顶部。（见图）alt text http://www.flickr.com/photos/47949149@N05/4394899733/

这在IE6 +和FF中工作正常，直到我加载其中一个页面，其中有一个用于订购产品的下拉菜单（即价格：从低到高等）。

出于某种原因，这会导致所有版本的IE疯狂，并将搜索栏添加到“order by”输入的底部并删除样式???

这是HTML：

<div id="maincontent">
<h1 class="title">Search</h1><h2 class="ban" >&nbsp;&nbsp;Browsing all </h2>
<div class="ban">
<form class="ban" method="GET" action="/search.php">
Order by: <input type="hidden" name="q" value="" /><input type="hidden" name="page" value="1" />
<select name="sort" onchange="JavaScript:this.form.submit();">
<option value="relevance" selected='selected'" >Best Match</option>
<option value="rating" " >Rating</option>
<option value="priceAsc" " >Price: Low to High</option>
<option value="priceDesc" " >Price: High to Low</option></select><noscript>
<input type="submit" value="Go" /></noscript></form></div>

并搜索HTML ...

<div id="searchform">
  <form name="search" action="/search.php">
    <input type="text"  onblur="javascript: this.className = 'ba1';" onfocus="javascript: this.className = 'focused';" class="ba1" name="q" id="q" size="50" value="" />

    <button value="search" type="submit" class="submitBtn"><span>search</span></button>
  </form> 
  <p>
  <small>Search or browse by
  <a href="merchants.php">merchant</a> 
  <a href="categories.php">category</a>&nbsp;or
  <a href="brands.php">brand</a>
  </small>
  </p>
  <script type='text/javascript'>document.search.q.focus();</script></div>

Doctype是XHTML 1.1

Answer 1

抱歉，我遗漏了CSS，一点急事，完全忘记了。正在按照BalusC的建议整理SSCCE版本，并遇到了问题。

我的php为每个人吐了太多双引号。如果你看一下HTML，那么在'value'字段后面会有一个额外的引号。除了IE（甚至是IE8）之外，FF和其他所有浏览器都足够聪明，可以忽略它。

我确信这将是一个愚蠢的IE宽度修复或类似的东西。哦，我记得下次验证！

所以在一轮关于方式我认为BalusC解决了我的问题，会投票给你，但仍然是一个堆栈菜鸟:-( 感谢

所有IE中的abs定位搜索栏的问题？

1 个答案: