2012-10-22 23 views
0

我一直要求改變這一慈善網站的佈局:使用CSS定位頭項僅

http://antidotemarketing.com/youthlife/

我需要把資產淨值達到頂部,然後在徽標下方,然後在那包含滑塊和主要內容的白色框。

這必須使用CSS來完成。

到目前爲止,我一直難以在Chrome和FF中獲得相同的結果......我甚至沒有檢查過IE。我會如何去定位徽標在導航和主要內容框中的一些足夠的間距(比如20px頂部和底部)

另外一個問題:我不能絕對定位徽標,因爲當人們登錄在wordpress中,wordpress注入頂部的標題會混淆所有內容。

謝謝大家:)

+0

不知道這是否可以完全只用CSS和無絕對定位來完成,這部分依賴於HTML元素的位置 - 就我所看到的竟然沒有目前一個標誌(我可能會失去一些盲目明顯的東西!) – Sean

+0

是的,我現在看到標誌 – Sean

+0

問題是什麼? – Jason

回答

1

好吧,我想我終於明白你在做什麼了。嘗試添加以下樣式:

#logo { 
    position: absolute; 
    top: 80px; 
    z-index: 100; 
} 
#login #logo { 
    position: relative; 
} 
#page { 
    margin-top: 45px; 
} 
+0

您好賈森,我昨晚試了這個,但它仍然沒有'工作。當我登錄並獲得頂級wordpress導航時,定位仍然關閉。問題,「#login #logo」應該做什麼?謝謝。 – renegadeds

+0

#login是WordPress登錄頁面上標記的ID。所以它只針對#logo頁面上的#logo,在這種情況下本質上是試圖取消添加到常規/全局#logo中的樣式。也許嘗試爲該目標設置頂部到0px? – Jason

+0

我設法自己修復它,因爲你的答案讓我更接近解決方案,所以你會得到答案。謝謝傑森! – renegadeds