在包装div的左下角划分

时间:2009-12-17 15:12:25

标签: css xhtml html

我有一个包含div的页面,其中包含背景图像和所有内容div。 在这个包装器div中,我还有一个logo div,它应该放在包装器的左下角而不会干扰内容。

我设法将徽标放在整个页面的左下角(位置:绝对;底部:0;左:0;)问题是如果调整窗口宽度,背景会保持居中而徽标div向左移动并粘在浏览器边缘(应该如此)。

我如何让它留在包装div的边缘? 它不是背景的一部分的原因是客户希望能够更改背景而无需在徽标中进行编辑。 我想过不要将包装器居中,这样可以解决问题。 我在考虑位置:相对,但它似乎不起作用。

我希望我足够清楚,这是一个链接到布局,以防它有所帮助。 http://development.pulsemedia.se/current/kingromeo/layout/

4 个答案:

答案 0 :(得分:3)

让你的包装div的位置是相对的。

答案 1 :(得分:0)

目前,您的bandname div不在包装器内。将它放在#wrapper div中,并将包装器设置为position:<; p>

答案 2 :(得分:0)

我发现了自己的错误。我忘了将background-div固定宽度,所以当浏览器窗口扩展时,background-div也会扩展。一切都表现得如此。

答案 3 :(得分:-1)

将徽标div放在包装器div中,然后设置使用这些的一些组合:

位置:相对; 底部:0px; float:bottom;

我不确定浮动:底部,但我认为你需要它来防止干扰你的其他内容。