2011-11-30 43 views
0

我試圖製作一個水平導航,可以在每個導航元素中包含多行內容,並讓每個項目的高度相同。水平導航中與IE7兼容的類似行爲

Here is a partial solution這應該解釋我後,使用display:table。

不幸的是:在Internet Explorer 7中,表格不起作用,(+ html5 shiv)將成爲查看頁面(公司和內部)的主要瀏覽器。即使在這裏的問題是,<a>僅填充了儘可能多的空間的內容,我希望它是積極的到處裏內(好像<a>標籤被包裹<li>,這是不允許的)

我希望它儘可能的語義化,並且希望不要使用表格(儘管如果這是唯一的方法,那是唯一的方法)。有什麼辦法可以做到這一點? (即使在一張桌子,現在它不是很工作)

回答

1

是否可以使用jQuery?

你可以解決它,然後這樣說:http://jsfiddle.net/nywYz/2/

+0

我可以根據需要使用jQuery的,但我不想,如果它是可以避免的。這種佈局看起來不像是應該要求jQuery的東西。在你的回答中,我們仍然存在錨不填充整個li的問題,儘管這可以修復w/jQuery – Damon

+0

我不會希望它太多,我*從來沒有*在IE7中看到一個像樣的修復CSS表 - 除了漂浮物,但不會幫助你。至於a標籤 - 我錯過了你的問題 - 但很容易修復,如果你用jQuery設置高度:http://jsfiddle.net/nywYz/3/ – ptriek