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或将文本添加到主背景。

从我看到的情况来看，您只需要开始工作，看看是否遇到问题。