[問題] 按鈕套用CSS在IE下沒辦法對齊

看板Web_Design作者 (嘎嘎嘎嘎嘎)時間15年前 (2010/07/07 08:56), 編輯推噓1(106)
留言7則, 3人參與, 最新討論串1/1
我的按鈕在Firefox下看就好好的很工整 http://img694.imageshack.us/img694/282/ffview.png
用IE看不管CSS怎麼設定按鈕都會走位 http://img251.imageshack.us/img251/8986/ieview.png
有人知道怎麼讓字與按鈕對齊嗎? CSS: .header{ font-family: verdana; font-weight: bold; font-size: 300%; color: #ffffff; } .btn{ font-family: verdana; font-weight: bold; font-size: 300%; color: #ffffff; background-color: #eecc66; border: #cccccc 1px solid; } HTML: <span class="header">Try Try </span> <input class="btn" name="submit" type="submit" value="See" /> -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 163.25.118.131

07/07 09:11, , 1F
有宣告DOCTYPE嗎? 在HTML程式碼最上面加上<!DOCTYPE HTML>
07/07 09:11, 1F

07/07 14:56, , 2F
感謝一樓 加上去後IE就對齊了 研究DOCTYPE中...
07/07 14:56, 2F

07/07 15:01, , 3F
加上DOCTYPE後 只剩火狐的IETag 跟IE的相容性檢視沒對齊
07/07 15:01, 3F

07/08 00:19, , 4F
典型問題!恭喜你解決了
07/08 00:19, 4F

07/08 00:20, , 5F
這個要去認識form的控制,IE非常不一樣
07/08 00:20, 5F

07/08 00:21, , 6F
還有reset一定要用,因為form預設style非常複雜
07/08 00:21, 6F

07/08 00:21, , 7F
且每個瀏覽器的問題都不一樣,都有問題!
07/08 00:21, 7F
文章代碼(AID): #1CCz2-aT (Web_Design)