在所有IE瀏覽器中的abs定位搜索欄的問題？

我試過谷歌搜索，但無法找到任何提示我的問題。這麼多的IE錯誤修正我不能認爲這是怎麼回事。在所有IE瀏覽器中的abs定位搜索欄的問題？

我得到的是帶有頁眉和頁腳的3列布局。左側欄和主要內容div都位於左側浮動的容器div中（左側欄和左側欄和右側內容均浮動）。右列右移。

在主要內容div中，我有一個搜索欄，其底部的HTML（下面是一個內容），但絕對位於頂部。（見圖）alt text http://www.flickr.com/photos/[email protected]/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>

文檔類型是XHTML 1.1

來源

2010-02-28 Taylor

沒有表現出於某種原因，PIC因此，繼承人的鏈接... http://www.flickr.com/photos/[email protected]/4394899733/ – Taylor 2010-02-28 18:26:25

如果您有足夠的信譽，您只能發佈圖片。關於問題，CSS在哪裏？問題出在CSS上。如果你把這一切都改寫成一個能夠再現這個問題的SSCCE（http://sscce.org），那麼我們會對你自己和我們大加讚賞，所以，擺脫所有不必要的元素/風格/噪音，並提供'' +''到''我們可以只是複製'n'paste而不用改變重現相同的問題。 – BalusC 2010-02-28 21:39:14

看到你的CSS需要解決這個問題，很可能缺少爲需要它的元素指定的高度/寬度（常見的IE廢話）。 – Tom 2010-02-28 22:01:57

對不起我離開了CSS，趕工位，完全忘了關於它。正在按照BalusC的建議組建一個SSCCE版本，並且遇到了這個問題。

我的PHP正在吐出一個太多的每個雙引號。如果您查看HTML，請在'值'字段後添加一個額外的引號。 FF和其他所有瀏覽器都足夠聰明，可以忽略IE瀏覽器（甚至IE8）。

我確信這將是一個愚蠢的IE寬度修復或沿着這些線路的東西。哦，我會記得下次驗證！

所以在周圍的方式，我想BalusC固定我的問題，會投你了，但仍然是一個堆棧新秀:-( 感謝

來源

2010-03-01 15:23:44 Taylor

在所有IE瀏覽器中的abs定位搜索欄的問題？

回答

相關問題