1

我有这个布局，我想切入 html/css，但我正在努力选择最好的方法来为主要内容构建 html/css（比如中间的不同 bg 块在 960 内容块下，并覆盖整体宽度等）。我附上了布局的结构： 在此处输入图像描述

所以我的主要问题是：

  • 如何处理自定义的bg块，即网格之外的''，还是应该在里面，然后使内容块在contenbg里面，在容器外面，那个标志和菜单是？
  • 如何处理应该在内容滑块之外的自定义png阴影（在这种情况下我想避免css3）（如图所示）
  • 同样的问题也适用于页脚，它应该在主 960 容器之外吗？在这种情况下我应该使用 ,,main container'' 吗？我不确定这里的最佳做法是什么。

谢谢

4

1 回答 1

3

我看不到附件，但我会尽量给你一些指导：

  1. 您应该有一个位于屏幕中央且宽度为 960 像素的主要内容。
  2. 如果页眉/页脚的宽度相同（即它们的背景不超过 960 像素），它们应该在容器 div 中。另一方面，如果他们的 BG 比 960 宽，则将每个放在一个单独的 div 中，该 div 的宽度可以根据您的需要而定，并且在这个 div 中放置另一个 960 宽且居中的 div。

例子：

<div id="headerWrapper">
    <div id="header">...</div>
</div>
<div id="content">...</div>
<div id="footerWrapper">
    <div id="footer">...</div>
</div>
  1. 如果你想要 png 阴影而不使用 CSS3，你唯一的选择是用阴影切片图像。

我希望这能回答你的问题。

于 2012-02-06T15:58:06.423 回答