2012-08-30 119 views
0

我查了Firefox和Chrome,並對準本網站中的「發佈」部分看起來是正確的:http://www.mysecretathens.gr/Sera/releases.htmlIE不對齊我的文字正確

但是,如果你在Internet Explorer中打開的頁面由於某種原因,一些正如你所看到的,文字在中心對齊。我一直在努力,並找不到解決方案。

我在想,如果我用的是僞元素表中的格式是造成問題

table td:nth-child(even) {text-align:center; } 

但我認爲這是情況並非如此。有任何想法嗎?

+0

IE的哪個版本?任何比IE9少不支持僞選擇像'第n-child' –

+0

我明白了。但主要問題仍然是文本對齊,即使在我現在使用的IE9中也不起作用。 –

回答

1

首先,您的導航錨點已浮動 - 您的清理工作在哪裏進行,以保持塊狀結構?這就是爲什麼你的導航在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是一個可以容納所有瀏覽器和移動設備的路線。

+0

謝謝你的回答。你能舉一個例子嗎?你對導航錨有什麼意義?菜單欄? 也許'{明確:既}'? –

+0

@ a.litis編輯我的回答在一小時左右的代碼爲你:-)上述 – Filth

+0

更新答案使用 - 讓我知道如果您有任何問題! – Filth

0

我想,它的內部表被默認爲文本對齊因某種原因中心和TD是繼承了值。

.text table{ 
    text-align:left; 
} 
+0

是.text一個新班級? –

1

你有不良HTML您<center>cover: Poor Designers</></div>網頁上我認爲它的假設是<center>cover: Poor Designers</center></div>。不同的瀏覽器將呈現畸形的標記方式不同,鍍鉻扔<center>路程,即裹住一個div

+0

是的,也考慮過它,但沒關係,有它。 Thanx反正 –