Drupal 7 CSS問題

我正在爲我的網站設計自己的主題，除了template.css之外，我的文件夾中沒有其他CSS文件。Drupal 7 CSS問題

.header-wrap, 
.nav-wrap, 
.slideshow-wrap, 
.body-wrap, 
.sub-footer-wrap, 
.footer-wrap {float: left; width: 100%; clear: both;} 

.header, 
.nav, 
.slideshow, 
.body, 
.sub-footer, 
.footer { width: 960px; margin: 0 auto;} 

.header-wrap { height: 118px; background: url('files/img/background/bg-header.png') 
repeat-x; border-bottom: 1px solid #6A6A6C} 
.nav-wrap { height: 38px; background: url('files/img/background/bg-nav.png') repeat-x; 
border-top: 1px solid #D9D9DB; border-bottom: 1px solid #B8B8BA} 
.body-wrap { background: #F4EDDB url('files/img/background/bg-body.png') repeat-x;}

我不認爲這個問題是有關這一點，但必須有別的東西這樣對我的網頁：

enter image description here

紅線表示正在生成的空白原因不明。我一直在看這一段時間，一直沒有找到來源。我想知道有沒有人有過這樣的問題？或者有人能夠指出我正確的方向來解決這個問題。我也嘗試了多個瀏覽器，並有相同的問題。我也確信這不僅僅是一個管理問題。無論發生什麼，它都會一直髮生我目前使用Google Chrome。

- 編輯 -

這裏是我的jsfiddle對於那些你們誰問（它仍然沒有它放在那裏了），這有完整的HTML http://jsfiddle.net/RCMh7/

來源

2013-12-11 scapegoat17

這是住在哪裏嗎？我認爲你已經試圖與鉻開發工具或螢火蟲識別？ –

@DanielHarper - 它不在任何地方生活，我只是在本地觀看。我使用了Chrome開發者工具。並正在使用螢火蟲目前 – scapegoat17

@DanielHarper - 我還添加了一個鏈接到一個jsfiddle頁面，其中的代碼。希望有幫助。 – scapegoat17

添加到您的css。

body { margin: 0px; padding:0px}

或谷歌「reset.css」並將其添加到您的主題，埃裏克邁耶是相當受歡迎。

http://www.cssreset.com/

來源

2013-12-12 13:35:54

身體標籤做到了。謝謝！ – scapegoat17

可能仍然值得尋找重置，因爲它會阻止與其他標記（如ol）類似的事情。 –

好的，會做的。再次感謝！ – scapegoat17

-1

使用Firefox的Firebug檢查CSS問題的工具。它可能只是由於一些背景圖像或CSS文件而發生。對於鏈接到該主題的所有CSS，請檢查該主題的.info文件。

雖然根據我的經驗，你將能夠通過使用螢火蟲得到確切的CSS來源。

它可能是一些背景類型的圖像或CSS效果。

來源

2013-12-11 17:02:15 Abhishek

謝謝你的評論。我檢查了我的主題.info文件，我使用的唯一.css是我創建的.css文件。我添加了上面的jsfiddle文件，希望能夠幫助更好。 – scapegoat17

在給定的部分，我們無法追蹤該空間部分，因爲它不包括顯示圖像的菜單標題，只是通過使用該頁面的html創建另一個鏈接，這肯定會幫助人們找到問題.Althogh answer1似乎很有幫助，只需通過編輯來嘗試。 – Abhishek

我試圖將邊距設置爲0，並沒有解決我的問題..我添加了所有的HTML請求和我的CSS。我希望這會有所幫助！ – scapegoat17

您應該在此div上放置margin-top：0和margin-left：0。

你能爲我們展示jsfiddle嗎？或鏈接頁面？

來源

2013-12-11 17:05:43

我在我的編輯中添加了jsfiddle頁面。希望這將有助於 – scapegoat17

Drupal 7 CSS問題

回答

相關問題