当调整窗口大小时移动

嗨，我真的很苦恼，无法弄清楚我做错了什么。我正在建立我的朋友网站：bethcalter.co.uk/index.php，当在其他浏览器上检查它时，divs离开页面，当我调整窗口大小时，divs正在移动，我不希望它们这样做。我不是很喜欢它，我是一个设计师，请帮忙，我已经在这里找到了答案，但是我的编码有些问题，我想，我曾尝试给divs自己的包装等，它不起作用。当调整窗口大小时移动

我的CSS：

#content { 
    margin:0; 
    width:900px; 
    height:400px; 
    margin-left:360px; 
    margin-top:-930px; 
    background-color: #ffffff; 
    position:absolute; 
} 

#bar { 
    margin:0 auto; 
    width:900px; 
    height:90px; 
    margin-left:360px; 
    margin-top:-1010px; 
    background-color: #ffffff; 
    opacity: 0.4; 
    position:absolute; 

}

HTML：

<body> 
    <div id="banner"> 
    </div> 
    <div id="background"> 
    <div id="wrapper"> 
     <img src="images/Statue4.jpg"> 
    </div> 
    </div> 
    <div id="wrap"> 
    <div id="bar"> 
    </div> 
    <div id="content"> 
     <img src='images/deb.jpg' style="margin: 40px 40px 40px 40px"/> 
    </div> 
    </div>  
</body> 
</html>

请帮帮忙，非常感谢

来源

2013-03-16 Sarah Bond

，如果你调整你的窗口，因为你是你的大图像的div移动将其对齐到页面的中心。

在你的CSS在你#wrapper指定选择删除此行，如果你只是想拥有它左对齐：

margin: 0 auto;

来源

2013-03-16 14:16:26

大图像需要为中心，这就是设计，我删除了代码和它的固定问题，但大的形象需要集中。 – 2013-03-16 14:19:31

好的。我认为将背景图像设置为'＃wrap'会更合乎逻辑。但是如果你想在后台保留''，你应该将'

...

'（及其所有内容）移到'

...

'内，然后设置#wrapper {position：relative; }'然后摆脱'＃内容中可笑的高利润率' – 2013-03-16 14:25:53

我已经这样做了，但是我需要div容器在大背景图片上居中。感谢您的帮助btw – 2013-03-16 14:38:26

当调整窗口大小时移动

回答

相关问题