求助,DIV自適應瀏覽器高度_html/css
來源:懂視網
責編:小采
時間:2020-11-27 16:30:31
求助,DIV自適應瀏覽器高度_html/css
求助,DIV自適應瀏覽器高度_html/css_WEB-ITnose:本帖最后由 sylyu4 于 2012-07-03 16:41:40 編輯 我一個頁面,代碼如下: 無標題文檔 body {color:#000;margin:0px;padding:0px;} #main_container{ width:1000px; height:100%; margin:0px
導讀求助,DIV自適應瀏覽器高度_html/css_WEB-ITnose:本帖最后由 sylyu4 于 2012-07-03 16:41:40 編輯 我一個頁面,代碼如下: 無標題文檔 body {color:#000;margin:0px;padding:0px;} #main_container{ width:1000px; height:100%; margin:0px

本帖最后由 sylyu4 于 2012-07-03 16:41:40 編輯 我一個頁面,代碼如下:
無標題文檔 header
left
right
footer
顯示結果如下圖:
我想要的結果是:
整個頁面只顯示一屏,
中間左右兩欄要隨瀏覽器自適應高度,因為 right 里邊要加內容。
padding-top:130px;
*padding-top:133px!important;
padding-bottom:50px;
我設了這個高度,是因為#center的內容會頂上去,然后被header擋住。不知道為什么。。
現在這個代碼可以實現這步,各瀏覽器都有測試。
現在問題是,margin:0px auto;
這個在IE下不生效,頁面不能居中 ,,,FF,GOOGLE瀏覽器都能居中。
試過這個方法,在body里直接設,text-algin:center
因為我的實際頁面有點復雜,結果后面所有的圖片文字都居中了,我得一個個去調,太麻煩了。。放棄。。
然后在網上查到這個:
因為我最先聲明的是
這個:“”
網上搜了一下,好像這個就會導致在IE中不能實現居中。
然后我把這下聲明換成:
“”
就可以在IE下居中,其他瀏覽器也都可以。可是,左右兩欄隨瀏覽器自適應高度又出問題了。。
如下圖:
有點亂,,,求高手解。。怎么辦啊。
回復討論(解決方案)
用個JS多簡單!
無標題文檔 header left right footer
使用絕對定位也能實現自動適應高度。
用絕對定位。
謝謝三位。 解決了。
我也需要啊,該如何是好呢?
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
求助,DIV自適應瀏覽器高度_html/css
求助,DIV自適應瀏覽器高度_html/css_WEB-ITnose:本帖最后由 sylyu4 于 2012-07-03 16:41:40 編輯 我一個頁面,代碼如下: 無標題文檔 body {color:#000;margin:0px;padding:0px;} #main_container{ width:1000px; height:100%; margin:0px