在谷歌Chrome和Internet Explorer，但所有的內容精細頁面顯示在Mozilla Firefox瀏覽器推離

我在這裏開發這個網站我的一個客戶端：http://test.bebiafricanhairbraiding.com/osa/index.html 在谷歌Chrome和Internet Explorer，但所有的內容精細頁面顯示在Mozilla Firefox瀏覽器推離

我遇到我有一個問題從來沒有真正有過，IE瀏覽器正常工作，以及谷歌瀏覽器;但是，Mozilla Firefox會將首頁上的所有內容推送到主頁的最右側。

我無法真正提供任何代碼，因爲我無法確定問題出在哪裏，不過，請隨時檢查一下源代碼和窺探。我只是不知道爲什麼Mozilla剛剛大膽地把我的主頁從窗口扔出去......

謝謝，如果你可以幫忙！

來源

2012-03-29 FreeSnow

你的表正飄離你的頁面，只需添加clear:both到它，它會正確地放置本身。

<div id="cnbo"> 
<!-- InstanceBeginEditable name="Body" --> 
<table style="width: 100%; clear: both;"> /* here */ 
....

來源

2012-03-29 00:11:52

非常感謝！爲什麼這個工作是這樣的呢？ – FreeSnow 2012-03-29 00:37:29

@DadeLamkins @DadeLamkins你的元素沒有被正確地重新設置，所以你的表被計算爲一個新的塊級元素並被推到一邊而不是被嵌套，你可以通過添加類似'* {margin： 0;填充：0; }'到你的樣式表中，但是我建議你添加一個正確的[reset]（http://meyerweb.com/eric/tools/css/reset/）表格，因爲它們解決了許多這類問題。 – 2012-03-29 00:59:24

@Andres llich是正確的。但我會把它放在CSS本身中，而不是表格中的樣式。

#cnbo { 
font-family: "Arial",Times,serif; 
margin-top: 2px; 
text-align: left; 
width: 100%; 
word-wrap: break-word; 
clear: both;

}

來源

2012-03-29 00:35:23 tmwebdeveloper

感謝您的指針，該項目已經得到了一點有點亂（在不同的時間框架多人一直在努力就可以了）。我會確保堅持它的風格是啊;） – FreeSnow 2012-03-29 00:38:02

在谷歌Chrome和Internet Explorer，但所有的內容精細頁面顯示在Mozilla Firefox瀏覽器推離

回答

相關問題