PSD转到HTML / CSS,寻找最佳解决方案

时间:2012-02-06 14:48:18

标签: html css psd

我有这个布局,我想切入html / css,但我正在努力挑选最好的方法来构建主要内容的html / css(比如960内容块下面的不同bg块) ,并覆盖整个宽度等)。我附上了一个布局结构: enter image description here

所以我的主要问题是:

  • 如何处理网格之外的自定义bg块,或者应该 它在里面,然后使内容块在contenbg里面,并且 在容器外面,该徽标和菜单是?
  • 如何处理应该在内容之外的自定义png阴影(我想避免在这种情况下使用css3) 滑块(如图像所示)
  • 同样的问题适用于页脚,如果它在主要960之外 容器?在这种情况下,我应该使用主容器吗?我 不确定这里最好的做法。

由于

1 个答案:

答案 0 :(得分:3)

我无法看到附件,但我会尝试给您一些指导:

  1. 您应该有一个以屏幕为中心的主要内容,宽度为960像素。
  2. 如果页眉/页脚的宽度相同(即它们的背景不超过960px),它们应该在容器div中。另一方面,如果他们的BG比960宽,则将每个放在一个单独的div中,这个div跨越你需要的宽度,在这个div中放入另一个960宽且居中的div。
  3. 示例:

    <div id="headerWrapper">
        <div id="header">...</div>
    </div>
    <div id="content">...</div>
    <div id="footerWrapper">
        <div id="footer">...</div>
    </div>
    
    1. 如果您想要在不使用CSS3的情况下使用png阴影,那么您唯一的选择就是使用阴影切割图像。
    2. 我希望能回答你的问题。