誰(shuí)能幫忙開導(dǎo)一下瀏覽器兼容問(wèn)題,可煩死了。_html/css_WEB-ITnose
來(lái)源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 15:50:44
誰(shuí)能幫忙開導(dǎo)一下瀏覽器兼容問(wèn)題,可煩死了。_html/css_WEB-ITnose
誰(shuí)能幫忙開導(dǎo)一下瀏覽器兼容問(wèn)題,可煩死了。_html/css_WEB-ITnose:個(gè)人網(wǎng)站body {margin : 0;padding 0;}.top_div {margin : 0;width :100%;height : 180px;background-color : yellow;}.top_main_div {width : 960px;height : 180px;background-color : blue;mar
導(dǎo)讀誰(shuí)能幫忙開導(dǎo)一下瀏覽器兼容問(wèn)題,可煩死了。_html/css_WEB-ITnose:個(gè)人網(wǎng)站body {margin : 0;padding 0;}.top_div {margin : 0;width :100%;height : 180px;background-color : yellow;}.top_main_div {width : 960px;height : 180px;background-color : blue;mar
放在IE里是居中的,放在chrome,firefox里就偏左了,布局怎么解決瀏覽器兼容性的,求標(biāo)準(zhǔn)做法永久解除此類問(wèn)題困擾。
回復(fù)討論(解決方案)
我在FF和ie8下看到的都是偏左的
你在定義top_main_div的樣式時(shí),不是按照居中顯示定義的,而是按照1024*768的分辨率顯示的,這樣肯定有誤差
將最外層的 div 改成 center,然后修改相應(yīng)的樣式表,把float和margin-left去掉,即可居中顯示了,但在 XHTML 1.0 Strict DTD 中好象不支持
恩。。http://www.cnblogs.com/zhutianxiang/archive/2012/01/19/2320349.html
這個(gè)鏈接里有答案,要設(shè)置display : inline。
display : inline
.top_main_div {width : 960px;height : 180px;background-color : blue;margin-left : 95px;margin:0 auto;}
要居中用 marginleft 和 marginright要同時(shí)設(shè)成auto,而且不能是浮動(dòng)的
寫css 要加上
....
實(shí)踐多了自然就明白了。要像居中 body{margin:0px auto;} 外圍的層.top_main_div{margin:0px auto;} 這個(gè)不算是bug兼容問(wèn)題了,是你樣式本身寫法就有問(wèn)題。
上面說(shuō)的外圍的層說(shuō)錯(cuò)了,是新加一個(gè)最外圍的層來(lái)包括所有的內(nèi)部層,
學(xué)習(xí)了, 已經(jīng)解決了, 謝謝大家.
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
誰(shuí)能幫忙開導(dǎo)一下瀏覽器兼容問(wèn)題,可煩死了。_html/css_WEB-ITnose
誰(shuí)能幫忙開導(dǎo)一下瀏覽器兼容問(wèn)題,可煩死了。_html/css_WEB-ITnose:個(gè)人網(wǎng)站body {margin : 0;padding 0;}.top_div {margin : 0;width :100%;height : 180px;background-color : yellow;}.top_main_div {width : 960px;height : 180px;background-color : blue;mar