2012-09-24 185 views
2

我有一個容器的佈局,然後在該容器內是另一個div的內容。我有它的設置,以便如果一個表比容器大,會有一個滾動條。DIV水平滾動條成爲主要水平滾動條

但是,許多表格很長,所以爲了進入該水平滾動條,您必須一直向下滾動到頁面底部滾動到右側,然後向上滾動到頂部頁面查看信息。

是否有辦法讓div的水平滾動條處於默認/主要水平滾動條位置?

body { 
    height: 100%; 
    width: 100%; 
    background: #e8d7b5; 
    margin:0px; 
    padding:0px 0px 0px 0px; 
    font-family: Arial, Helvetica, Geneva, sans-serif; 
    _text-align: center; 
    overflow:hidden; 
} 
#bg { 
    z-index: -999; 
    min-height: 100%; 
    min-width: 1024px; 
    width: 100%; 
    height: auto; 
    position: absolute; 
    top: 0; 
    left: 0; 
} 

div { 
    border:none; 
} 
a { 
    color:#000000; 
} 
a:hover { 
    color: #B89626; 
} 
li { 
    list-style-image: url(Bullet.gif); 
} 
#container { 
    position: relative; 
    width: 97%; 
    min-height: 700px; 
    overflow: auto; 
    *height: 700px; 
    margin: 0px auto; 
    _text-align: left; 
    padding: 0px 7px 7px 7px; 
    background: #ffffff; 
    } 

#content { 
    width: 99%; 
    overflow-x: auto; 

} 
.navigation { 
    background: #003b5b; 
    border:3px; 
    padding: 10px 10px 0px; 
    border-color: #011d2d; 
    width:100%; 
    height: 30px; 
    } 
.standardtab { 
    background: #011D2D; 
    padding-left: 3px; 
    padding-right: 3px; 
    height: 25px; 
} 
.nonstandardtab { 
    background: #0D4664; 
    padding-left: 3px; 
    padding-right: 3px; 
    height: 25px; 
} 

有我的CSS。我有一個容器,然後是我的內容的div,它具有水平滾動。我需要內容的滾動條成爲主滾動條。

+0

可能是你可以修復表的高度? – RMN

+0

我正在使用一個oracle數據庫。 – user1694895

+0

任何人有任何想法? – user1694895

回答

0

在容器上設置高度並溢出:hidden;在主體上刪除默認的body滾動條。

+0

這將無法正常工作。我需要不同的解決方案。 – user1694895

+0

您需要在jsFiddle等網站上發佈您的代碼或示例。 – j08691

+0

我發佈了我的CSS。 – user1694895

0

爲什麼不把表格的高度固定爲頁面/容器的高度,幷包含垂直滾動條。因此,您可以在屏幕上看到水平滾動條,而不是滾動到表格底部,然後到達h滾動條。

不完全解決您的問題,但可能是一種替代方案。