最新文章專題視頻專題問(wèn)答1問(wèn)答10問(wèn)答100問(wèn)答1000問(wèn)答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問(wèn)答文章1 問(wèn)答文章501 問(wèn)答文章1001 問(wèn)答文章1501 問(wèn)答文章2001 問(wèn)答文章2501 問(wèn)答文章3001 問(wèn)答文章3501 問(wèn)答文章4001 問(wèn)答文章4501 問(wèn)答文章5001 問(wèn)答文章5501 問(wèn)答文章6001 問(wèn)答文章6501 問(wèn)答文章7001 問(wèn)答文章7501 問(wèn)答文章8001 問(wèn)答文章8501 問(wèn)答文章9001 問(wèn)答文章9501
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

誰(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

個(gè)人網(wǎng)站	登陸	注冊(cè)	


放在IE里是居中的,放在chrome,firefox里就偏左了,布局怎么解決瀏覽器兼容性的,求標(biāo)準(zhǔn)做法永久解除此類問(wèn)題困擾。


回復(fù)討論(解決方案)

我在FF和ie8下看到的都是偏左的

你在定義top_main_div的樣式時(shí),不是按照居中顯示定義的,而是按照1024*768的分辨率顯示的,這樣肯定有誤差

登陸 注冊(cè)


將最外層的 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)的

個(gè)人網(wǎng)站 登陸 注冊(cè) 

寫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
推薦度:
標(biāo)簽: 瀏覽器 瀏覽 問(wèn)題
  • 熱門焦點(diǎn)

最新推薦

猜你喜歡

熱門推薦

專題
Top