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

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