CSS佈局問題：重疊圖片和太多Div？

Question

我最近得到了一些設計，並試圖對它們進行分片和編碼，以便在CSS中獲得更好的效果。在我的第一個設計中，我遇到了一些問題。

首先，我是否有太多的div？我在每個部分都有一個包裝，以使內容左側和右側的可展開背景部分具有與內容本身不同的顏色。我還必須使用條件式來讓IE正確定位ul。有沒有更好的方法來做到這一點？

其次，我會爲內容部分中的每個彩色塊創建一個div嗎？這會給我一個白色，藍色，白色，灰色和藍色的div都堆疊在一起。與此有關的主要問題將是鸚鵡和價格爲199美元的高價格徽章。

這裏就是我的了： http://www.astigmaproductions.com/

這是它應該就像是什麼： http://www.astigmaproductions.com/ap.jpg

Answer 1

你沒有使用reset css，這將導致跨瀏覽器的問題。考慮添加一個。你會遇到IE問題，在這種情況下，有條件的樣式是要走的路。但添加重置會導致更少的IE問題。

由於parot突破了它的div，你不應該把所有東西都分解成多個div。有一個非線性的漸變，並且在這個頭文件中有很多圖形。只要抓住圖像，並使其成爲一個大背景（藍色bg +灰色線+鸚鵡），它應該工作。添加skype和co。圖標以及文本。

如果您希望文本被消除鋸齒，請嘗試使用sIFR或將文本添加到主背景。

從我看到的情況來看，您只需要開始工作，看看是否遇到問題。