首先,您的導航錨點已浮動 - 您的清理工作在哪裏進行,以保持塊狀結構?這就是爲什麼你的導航在IE 7中被破壞。
我不認爲IE7支持CSS中的nth-child - 你可能必須通過Jquery來做到這一點,或者在你希望內容的表格單元格上添加一個類集中。
希望這有助於
污穢
/** 修訂答案這裏* ****/
我認爲這是值得你 「清除」 浮動讀了元素here
由於IE 7和6是完整的B &#@ H有時您必須能夠通過其他方式開發您想要的功能,以適應瀏覽器等這些浮渣。所以,這裏是你的「nav」css和html應該看起來像根據當前標準的Jsfiddle。
另外,我認爲你需要刷上知道何時使用「ID」,而不是一個「類」 - 在這種情況下 你會/應該只有一個「導航」在你的HTML中,因此你想給它一個ID,因爲它是唯一的。
如果你想要一個在線導航,我覺得這是最好的通過添加類「clearfix」到「UL」浮在「李」元素,並具有導航後您的清算做和風格相應。
有關「清除」的簡要示例,我在包含段落的nav後面有一個div。如果從「導航」刪除類「clearfix」,你會看到「款」出現在網上與「導航」,因爲它應該。所以這就是清除所有浮動元素的原因。
至於你的表中心問題,我給你的Jsfiddle是一個可以容納所有瀏覽器和移動設備的路線。
IE的哪個版本?任何比IE9少不支持僞選擇像'第n-child' –
我明白了。但主要問題仍然是文本對齊,即使在我現在使用的IE9中也不起作用。 –