服務器更換後CSS發生奇怪的事

所以我的"My Work" page按照我昨天想要的方式佈置，我需要更換服務器。我更換了服務器，而其他所有網站都很好，但我的「我的工作」頁面看起來很亂。基本上，底部小部件區域的背景圖像現在位於頁面的中間。看起來這個頁面上沒有任何東西在它的容器內。這絕對是在我更換服務器之前。服務器更換後CSS發生奇怪的事

任何幫助將不勝感激，我不知道爲什麼它隻影響這一個網站上的這一頁。我嘗試重新上傳css文件，並將整個主題添加到新服務器，並且沒有任何更改。

編輯：對不起，這裏是說的Floating在頁面中間的按鈕區的CSS：

.widget-area { 
    padding-top: 40px; 
    font-family: 'Alegreya Sans', sans-serif; 
    font-size: 20px; 
    color:#d2c1ad; 
    margin-top: 3%; 
    background-image:url(images/widgetarea.png); 
    background-repeat:no-repeat; 
    background-size: 101%; 
}

來源

2014-05-15 user3457418

我認爲如果您發佈適用於您的問題的CSS，將會非常有幫助。 –

您是否嘗試使用瀏覽器開發工具/調試器來查看是否有任何內容未加載？「我換了服務器」意味着你可能錯過了一些東西。 –

這也有助於看到之前和之後的照片，所以我們知道什麼是不正確的。對我來說，一切都很好......但我不知道它以前是什麼樣子。 – zazvorniki

編輯：浮動元素不佔用任何空間。所以即使你在那裏有一堆.gallery-item divs，但它們並沒有讓容器有一個高度，因爲它們是浮動的。您需要清除浮動。最簡單的方法是在最後一個.gallery-item之後添加一個div。給它明確的CSS：兩者;

~~在你的樣式表，你必須.widget區的555行中，添加：~~

~~background-position: bottom center;~~

來源

2014-05-15 17:50:03 kthornbloom

謝謝@ kthornbloom-將它移動到底部。我認爲主要的問題是沒有一個容器包含它們的元素。如果是這樣，背景圖像將自動移到底部。這很奇怪，因爲我沒有改變任何東西，而這隻發生在這一頁上。我只是無法弄清楚！ – user3457418

請參閱我上面的編輯。 – kthornbloom

看起來像你是正確的關於'浮動'那裏:) –

的問題是在widget你aside對象margin-top。爲了證明這一點，請將margin-top更改爲.widget類的較小值。對我來說，這將黑色的起伏的東西移到了底部，就在頁腳的上方，三個元素在右邊，全部在上面或下面。

我猜測有一個更好的方法來使這項工作，我個人會遠離使用百分比。但我絕不是css專家，這裏有很多可能會給你提供更好，更強大的解決方案的問題。

來源

2014-05-15 18:06:00

嗯，我試過了，它根本沒有移動圖像，只是調整了小部件的邊距。 – user3457418

繼續嘗試較小的金額，也許它是我在的屏幕。基本上，共享按鈕比父元素被向下推，並且因爲您使用的是「display：inline-block」，所以共享按鈕會轉到下一個「行」 –

已修復！我改變了id和class：＃gallery-1 .gallery-item { float：left; } 至＃gallery-1 .gallery-item { float：none; } 感謝所有花時間回答問題的人們，這真是太棒了，我希望有一天很快我能夠回報我的青睞！ – user3457418

服務器更換後CSS發生奇怪的事

回答

相關問題