2009-04-27 80 views
0

我有一个基于CSS的asp.net母版页。我正在使用直接位于导航div上方的浏览div。浏览div在导航div后面流动。我做了一些玩弄位置,发现如果我改变导航位置它修复它,但该div中的一切都在页面的一半。我已经做了一些谷歌搜索,无法找到关于如何强制div始终处于顶端的任何事情。如果您需要更多信息,我可以提供。CSS div问题与位置

我已经粘贴下面的CSS代码的选择部分:

#header2 { 
height: 2.5em; 
border-bottom: 1px dashed #0055a5; 
color: #FFF; 
background-color: white; 
} 

#header2 .browse { 
color: #000000; 
background-color: transparent; 
float: left; 
margin-left: 1em; 
margin-top: .1em; 
font-weight:bold; 
font-style: normal; 
font-variant: normal; 
font-size: 70%; 
line-height: normal; 
font-family: Arial, Helvetica, Georgia, "Times New Roman", Times, serif; 
width: 144px; 
position: fixed;  
} 

#navigation 
{ 
background-color: white; 
width: 200px; 
height:100%; 
top: 105px; 
left: 0em; 
width: 13em;  
position: absolute; 
font-family: Arial, Helvetica, sans-serif; 
font-size:90%; 
} 
+0

有一部分落后于导航是一个JavaScript菜单下拉菜单。 – 2009-04-27 18:30:48

+0

请包括这些标记的简化版本。那里有重要的信息,谁在哪里嵌套。另外,请提供一个示例页面的链接。谢谢 – 2009-04-27 18:32:39

+0

我不能提供示例页面的链接。这些页面仅适用于Intranet。感谢您的关心。 – 2009-04-27 19:34:25

回答

1

通过顶部,你的意思是视口的顶部,或顶部堆栈(即z-index?)。

如果您是指视口的顶部,请尝试位置:fixed;

编辑,再读一遍,我想你是指z-index。设置要保留在上面(浏览?)相对于元素的位置,然后z-index设置成类似100,即

position:relative;z-index:100; 

应该做的伎俩。

0

如果你想让它保持固定在页面的最顶端,你可以尝试在.browse类设置top: 0;。另请参阅它是实际的<div>标签,它是垂直居中定位的,还是只是它的内容。

我敢打赌,你会节省一些时间进行实验,如果你使用firebug - 去得到它,如果你没有它已经=)