2011-03-17 30 views
0

我正在尝试做一个页面,该页面被分成两个包含信息的大格子。滚动和位置的问题

其中一个div是实际的页面(宽度:910px),另一个是在html中定位的窗格并且是(宽度:400px)。

所以第二个div是第一个。

事情是,我试图把溢出汽车在两个div和两个卷轴出现在navegator的右侧,我需要第一个div的滚动可能出现在第二个左侧div(定位固定并且超过第一个div的那个)。

这是我的代码:

体 DIV ID = “user_ID的” (完全与页面内容的代码) /DIV

DIV ID = “窗格”(DIV窗格中的内容) /格

则CSS:

ID窗格{背景:无重复滚动0 0#282829;底部:0;位置:固定;正确:0; top:0; width:450px; font-family:HelveticaNeue; font-size:14px; overflow:auto;}

id user_id {width:910px;向左飘浮; margin-top:80px; margin-left:10px;位置:固定;溢出:自动; }

像这样我得到两个scrols,但他们两个在浏览器的右侧。我需要id_user可以在窗格一侧的滚动和浮动与它

任何人都知道我该怎么做?谢谢!

+0

份额一些代码,请(和CSS) – jackJoe 2011-03-17 18:25:44

回答

0

修复其他div的宽度也不是更好吗?例如:

<div id="container"> 
    <div id="div1"></div> 
    <div id="div2"></div> 
</div> 

然后在你的CSS:

div#container { 
    width: 960px; 
    margin: 0 auto; 
} 
    div#container div#div1 { 
     width: 560px; 
     float: left; 
     overflow: auto; 
    } 
    div#container div#div2 { 
     width: 400px; 
     float: left; 
     overflow: auto; 
    } 
+0

我不能这样做,病程股利1具有910px装满了东西,这个页面就像它只是div 1一样,而且你有一个选项使得出现div 2,并且有一些选项可以通过ajax与div 1进行交互。所以它必须具有910px,因为它拥有所有的信息......但是我当你使用两个div时你可以看到所有的滚动条 – gabriela 2011-03-17 18:55:32

+0

你不能移动滚动条的位置,因为它是由浏览器渲染的(当然,你可以使滚动显示在左边,但那不会解决你的问题)。这听起来像你想使用iframes? – BenM 2011-03-17 18:59:00

+0

是的...我想避免使用iframe。我认为也许可以这样一种方式,当需要滚动并且您将鼠标放在div 2中时,它可以向下和向上移动,但是您不会看到您知道的实际滚动条? – gabriela 2011-03-17 19:12:14