标题div高度不包括绝对定位div

时间:2011-12-09 20:44:01

标签: css html5 background css-position

我遇到了针对uni项目的网站标题高度的问题。

我想要实现的是一个标题,其中包含导航,背景图像滑块(100%宽)和语音气泡,网站内容位于标题下方。

目前我已经完成所有工作,但是标题的高度没有考虑背景图像滑块,原因是它(背景滑块)必须定位绝对。根据网站的当前状态,我在em中添加了标题高度,这为我提供了笔记本电脑上所需的间距,但是当移动到更大的分辨率时,高度不足并且网站内容会进入图像。

我的问题是,有没有办法保持当前的布局,但包括可调整的标题高度的功能?

当前网站位于:http://beta.immbudden.com

如果您在屏幕尺寸大于1366 x 768的情况下观看,您会看到我的意思。

任何帮助都会非常感激,非常感谢!

3 个答案:

答案 0 :(得分:1)

我实际上自己设法解决了这个问题。我定位导航绝对,讲话气泡绝对和背景滑块相对。然后我给了每个适当的z-index。我还必须改变html中每个调用的顺序,将滑块从第一个调用到最后一个。

希望这可以帮助其他人,如果你需要它解释任何更好的只是在这里评论:)

答案 1 :(得分:0)

在标题中添加bottom-margin,等于绝对定位导航的高度。

答案 2 :(得分:0)

为什么不设置标题的高度(以像素为单位)?如果你有一个设置高度导航和图像滑块,你应该可以设置它。