2011-10-05 119 views
2

對不起,我覺得在大多數情況下我可以輕鬆地做到這一點,但我現在使用sharepoint並試圖做任何事情在這是地獄!div寬度爲100%,旁邊是固定寬度的

基本上我有一個寬度爲230px的側面導航(.menu-vertical),並在其旁邊有一個div(.mainContent),我想(填充一邊!)填充屏幕的其餘部分。

不幸的是,大約有798個隨機放置的div,跨度和代碼中的其他任何內容,我似乎無法在不破壞網站的情況下剝離,所以任何有關如何實現此目的的建議都將非常感謝,謝謝。 !

+1

我願意回答大家的直到我讀完最後一段。沒有人可以真正幫助你.. – thirtydot

+1

只是嘗試你在標題中提出的建議 - 給它'寬度:100%'?也許你需要將它們都包裝在一個容器div中並將它們浮起來?或者,也許只是用'width:100%'來浮動它們? – jtfairbank

+0

@thirtydot - 不幸的是,似乎沒有任何與Sharepoint有關的方法,雖然該網站的基礎是與一個.container div和.menu垂直(固定)和.mainContent(流體,100 %)divs裏面。 –

回答

5

基本上我有一個側邊導航(。菜單垂直)是230px 寬,旁邊(.mainContent)一個div,我想 (填充一邊去!)填寫的,其餘屏幕。

..

站點的基礎是與.container DIV發生,並且 。菜單垂直(固定)和.mainContent(流體,100%)的div內部。

據我所知,您正在尋找這樣的:http://jsfiddle.net/thirtydot/wv42t/

CSS:

.container { 
    border: 3px solid #666; 
    overflow: hidden 
} 
.menu-vertical { 
    width: 230px; 
    float: left; 
    padding: 10px; 
    border: 2px solid #f0f 
} 
.mainContent { 
    overflow: hidden; 
    padding: 30px; 
    border: 2px solid #00f 
} 

HTML:

<div class="container"> 
    <div class="menu-vertical">menu-vertical</div> 
    <div class="mainContent">mainContent</div> 
</div> 
+1

如果有幫助,我會稍後將代碼編輯到我的答案中。 – thirtydot

+0

這實際上很有用 - 完美 - 謝謝!我一直在玩代碼,直到昨晚深夜,並提出類似的東西,但這很棒,非常簡單,喜歡解決方案!再次感謝 –

+0

剛剛使用過這個,謝謝! –