在使用CSS設計我的頁面時遇到問題

我的網站在存檔頁面出現問題。我不明白它在做什麼，因爲.entry-content風格完美地設置了它應該看起來像它在博客頁面上的樣子。但是，當您轉到archive page時，它凝結而緊，頁腳甚至與它的左側有間隙。我的類別做同樣的事情，但網站上的所有其他樣式都很好。我使用firebug來查看樣式，但通過它，但我甚至無法看到可能發生的情況，因爲.entry-content CSS樣式不顯示。在使用CSS設計我的頁面時遇到問題

任何意見將不勝感激。

來源

2012-06-07 kia4567

我會改變CSS從'位置頁腳：relative'到'位置：absolute'並添加'保證金左：0像素;'，看看問題是否會消失 –

它的工作當然，但是我需要相對定位每個頁面中的動態內容。 – kia4567

我會假設margin-left：0px即使在相對定位時也能工作 –

剛剛從

.entry-header { 
    font-weight: bold; 
    height: 50px; /* remove this */ 
    margin-left: 0; 
    text-align: left; 
    width: 400px; 
}

來源

2012-06-07 17:59:40

刪除height屬性有一個名爲存檔頁應用於身體標記，以便只是刪除填充左從該類&您的網站頁腳將是固定的「日期」類。現在

.date { 
color: #666; 
position: relative; 
padding-left: 10px;/* Remove This*/ 
min-height: 10px; 
}

的發佈日期的問題：我可以看到你已經使用包裹後水箱內的標籤，但其在檔案頁&標題顯示設置爲阻止包裹在裏面的標籤。因此，只需將標題標記更改爲存檔頁面即可。以下是您的代碼更改標題。它在所有頁面代碼中都具有良好的主要一致性

<header class="entry-header"> 
    <h1 class="title"> 
     <a href="http://www.averylawoffice.ca/averywordpress/?p=10" title="Permalink to Looking for someone to hire?" rel="bookmark">Looking for someone to hire?</a> 
    </h1> 
    <div class="entry-meta">Posted on: March 27, 2012 </div><!-- .entry-meta --> 
</header>

來源

2012-06-07 18:22:31 SVS

謝謝！我仍然在學習wordpress，這是我第一個wordpress網站。我使用了工具箱，這是我找到的主題。所以我會開放wordpress，併爲我未來的項目做更多的瞭解。 – kia4567

嘿！即使我幾天前完成了我的第一個WordPress博客。這裏有一些不錯的教程：http://wp.tutsplus.com/ – SVS

看起來不錯！謝謝！ – kia4567

在使用CSS設計我的頁面時遇到問題

回答

相關問題