寬表導致水平滾動條

我有一個表內嵌入div的幾個。一列保存的圖像的寬度使得頁面的總寬度比顯示器和水平滾動條顯示的寬度更寬。寬表導致水平滾動條

此單元格來自asp.net ajax彈出窗口（在鼠標懸停狀態下）並且通過javascript隱藏，因此不需要滾動條。

有沒有辦法通過css/xhtml，使滾動條不顯示？我確信表單元格的寬度導致了問題，因爲當我刪除它時，滾動條消失了。圖像元素嵌套在一個div中。我嘗試了溢出：隱藏和操作表格單元寬度 - 既沒有工作，至少沒有改變圖像的寬度。

在此先感謝。

來源

2009-08-09 Steve

您使用的是什麼xhtml/css？或者你有我們可以看看的演示頁面，提供相關建議？ – 2009-08-09 23:29:29

我解決了這個問題。我添加了位置：相對於包含的div，它也有溢出：隱藏。它在FF 3中正確渲染，但在IE 7中不正確。 – Steve 2009-08-10 00:26:56

在應用修復程序後，它在IE7中正確渲染。 – Steve 2009-08-10 00:29:33

我應該提到這個問題只發生在IE7而不是在FF3的事實。無論如何，下面的鏈接說明我遇到的錯誤。希望這可以幫助遇到這個問題的其他人。

http://snook.ca/archives/html_and_css/position_relative_overflow_ie/

來源

2009-08-10 00:35:35 Steve

我不能說我敢肯定，爲什麼你會越來越具有溢出滾動條：隱蔽，但這裏是我使用有鼠標懸停彈出窗口的伎倆：

HTML：

<div><a href="#" class="showtooltip">Text you want visible at all times. <div 
id="tooltip">elements you want for mouse tooltip</div></a>

CSS格式化鏈接：

a:link .showtooltip{ 
//CSS 
} 
a:hover .showtooltip{ 
//CSS 
} 
a:hover .showtooltip{ 
//CSS 
} 
a:active .{ 
//CSS 
}

你的CSS將可能是所有這些相同接下來，我們需要設置工具提示的CSS：

a:link .showtooltip div{ 
visibility:hidden; 
} 
a:hover .showtooltip div{ 
visibility:hidden; 
} 
a:hover .showtooltip div{ 
visibility:visible; 
//CSS to properly position and size div 
} 
a:active . div{ 
visibility:hidden; 
}

然後你可以有你的AJAX寫的document.getElementById（「提示」）

來源

2009-08-09 18:16:21

寬表導致水平滾動條

回答

相關問題