作者Cuscula (孤月行)
看板Web_Design
標題[問題] IE上的排版整個亂掉
時間Tue Aug 4 22:49:00 2015
我用公司的Win8來開我的網頁
整個爛到看了有點心臟病發作的感覺
不知很為什麼除了排版整個不整齊之外
我要往下滾的時候發現
有的圖片會跟著一起往下滾 有的就不會
想請教這大概是什麼問題呢
我有CSS reset了,還是不夠嗎@@||||
要怎麼找出bug來比較好呢?
我網頁的CSS大多是用 position relative、absolute、float之類的來寫的
還有box-sizing:border-box或是用em來定義字體等等....
真的看了頭很暈快嚇死了QQ (回家開IE就沒有事…
新手上路,還請大家多多指教,感激感激 m(__ __)m
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.224.200.101
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1438699743.A.8D3.html
※ 編輯: Cuscula (36.224.200.101), 08/04/2015 22:49:24
1F:推 mmis1000: 沒網頁是要隔空抓藥歐,ie問題一堆,沒網頁怎麼可能知道 08/04 23:40
2F:→ mmis1000: 你是踩到啥雷? 08/04 23:40
3F:推 oToToT: 應該是position歪掉吧 08/04 23:41
4F:→ oj113068: box-sizing:border-box是CSS3 IE10以下應該不行 08/04 23:53
5F:推 aspdoctor: Box-sizing在ie8就能用了,應該是別的問題,你的圖片 08/05 00:56
6F:→ aspdoctor: 往下滾是什麼意思 08/05 00:56
7F:→ oj113068: 唉呀 @ @ 感謝樓上指正 08/05 00:59
8F:→ Cuscula: 這個…它怎麼會變這樣真的讓好笑的.. 08/05 10:44
10F:→ Cuscula: 我用IE 11來開整個崩壞掉.. 08/05 10:47
11F:→ eggimage: ie當然是強制轉址到chrome下載連結啊 08/05 20:12
12F:→ fo40225: 我用IE11開正常 是不是開了相容性檢視? 08/05 23:02
13F:推 aspdoctor: 原來顏行書禿頭 (搞錯重點 08/06 01:47
14F:推 johnsonct: 有很多有趣的問題 因為是ie XD 例如 nav 你用height 64 08/06 08:42
15F:→ johnsonct: 其實應該寫在 nav>li>a padding:16px 0px; 比較ok 08/06 08:44
16F:→ johnsonct: 概念是要從內部撐起外面的container 而不是給con 大小 08/06 08:46
17F:推 johnsonct: 如果你用ff或cr去看nav ul 的box-model height是 0 08/06 08:52
18F:→ johnsonct: 你要嘛給clearfix要嘛就給a padding就會減少這類的問題 08/06 08:54
19F:→ johnsonct: 這是ie處理float造成的問題 08/06 09:42
20F:→ Cuscula: 謝謝謝謝~~請問 clearfix要怎麼運用呢,這塊一直不會QQ 08/06 13:31
21F:推 johnsonct: fuseinteractive.ca/blog/understanding-humble-clearf 08/11 08:15
22F:→ johnsonct: ix 08/11 08:15