Internet Explorer忽略顯示：內嵌

我有一些Sharepoint製作的HTML標記，這不是您見過的最好的標記，不能干預標記，但必須通過CSS對其進行設置。Internet Explorer忽略顯示：內嵌

的標記推移或多或少是這樣的：

<div id="searchbox"> 
<table> 
<tr> 
<td> 
<table class="mstable"> 
<tr> 
<td><input></input></td> 
<td><select><option></option><option></option></select></td> 
</tr> 
</table> 
</table> 
<div id="fontsize"> 
<a href=""/> 
<a href=""/> 
</div> 
</div>

這裏是CSS應用

#searchbox { 
    float: right; 
    margin-right: 15px; 
    margin-top: 10px; 
    text-align: right; 
    width: 40%; 
} 

#fontsize { 
    float: right; 
    width: 46px; 
} 

.mstable { 
    border-collapse: collapse; 
    margin-left: 2px; 
    margin-top: 2px; 
    width: 100%; 
    color: #000000; 
    font-family: Verdana; 
    font-size: 0.7em; 
    font-style: normal; 
    font-weight: normal; 
}

我所試圖做的就是把字體大小格，旁邊的桌子。目前，表格之後有一個休息時間，並且字體大小標識符會在它下面。 here's how it looks

我設置顯示：內聯到搜索框和字體大小div的所有表後代，並在Firefox我得到期望的結果，但在IE（所有版本8及以下）它忽略它..

我知道我的解決方案將刪除這些表，並使其div-only，但我不知道我是否有這種可能性..

編輯：我解決了問題，通過設置float：left to the table and fontsize div和設置一個像素寬度表，以限制它擴展到整個搜索框div。

來源

2011-07-27 George Katsanos

你能有你的CSS在這裏？ –

原始帖子中添加了CSS代碼:) –

這應該爲你做它：

http://jsfiddle.net/nULYR/8/

作品在IE7 +

編輯

<table> 
<tr> // here is 
<td> // the problem 
<table class="mstable"> 
<tr> 
<td><input></input></td> 
<td><select><option></option><option></option></select></td> 
</tr> 
</table> 
</table>

有了：http://jsfiddle.net/nULYR/13/

沒有：http://jsfiddle.net/nULYR/12/

來源

2011-07-27 09:13:21 Sparkup

無法爲我的網站重現它。我將寬度設置爲元素，float：left，但仍然是#fontsize在表格下方（此時在左下方對齊） –

更新了我的答案。 – Sparkup

嘗試左浮動的 '搜索框' 的div後可直接接觸表：

<div id="searchbox"> 
<table style="float: left;">

來源

2011-07-27 09:11:11

Internet Explorer忽略顯示：內嵌

回答

相關問題