CSS标题问题

时间:2012-09-20 03:51:24

标签: html css html5 web

当浏览器从其宽度拉伸时,标题不会移动,但页面的内容会移动。这让我疯了。如果你伸展得足够远,旗帜最终会结束。 IE:它不再重复横幅。

有什么建议吗?我不确定源代码的哪一部分会控制它。我会把CSS放进去,如果需要的话,我可以把我的部分HTML。

Image Examples

Web

3 个答案:

答案 0 :(得分:0)

如果没有看到你的标记(这将有助于分享),看起来第9行就是你的问题:

header#mast{margin:0 0 0 0px;width:1200px;position:fixed;top:0px;left:0%;z-index:100;}

将其更新为:

header#mast{margin:0 0 0 -600px;width:1200px;position:fixed;top:0px;left:50%;z-index:100;}

(注意left:50%-600px左边距(元素宽度的一半)。

答案 1 :(得分:0)

如果您打包#mast#primary-nav' elements in a div that has a style of页边距:0px auto`,这会导致所有内容在展开窗口时继续与页面的其余部分居中。< / p>

就横幅结束而言,在展开窗口时,将样式width: 100%添加到负责它的元素,以便进行无限扩展。

修改

由于您已添加网站,请将标题的内容放在以下标记中:

<div class="container container-twelve">...</div>

这将使您的图像,文本和链接居中。

答案 2 :(得分:0)

差异变化的大量组合就是答案。基本上它归结为一些宽度变化。

如果我在一个地方设置宽度100%,它必须进入多个,因为整个mast div是嵌套的div。此外,要使横幅进一步向右扩展,宽度必须为200%。

正确的代码反映在网站上,至少对我的解决方案而言。 谢谢大家,特别是TMan。