[問題] 網頁遇IE8之火花

看板Web_Design作者redming (無塵室遊魂)時間16年前 (2009/08/11 17:56)推噓1(1推 0噓 3→)

留言4則, 1人參與討論串1/1

阿..標題只是亂取的我弄一個很醜的網頁在IE6 7都可以 8就有問題 http://140.117.157.18/tech/nsysuee/ee1.htm 問題一是在IE8下我設的div "main" 背景顏色沒有完全包到 (main是所有的Div都包起來的DIV) 我有亂設幾個hack好像也沒用囧問題二: 這是額外問的網頁要怎麼弄才好看(就這個而言囧) 我可以在哪些地方加些什麼特效或是配色要怎麼變 by no 美工sense的人謝謝 CSS如下: body, div, h1, h2, h3, h4, p, ul, li { margin:0; padding:0; } body { background-color:#7bc7f8; } #main { width: 980px; margin:0 auto; padding:0 10px; background-color:#f2f2f2;*background-color:#f2f2f2;.background-color:#f2f2f2;_background-color:#f2f2f2; } #banner { width: 975px; background-color:#76c7f8; } #til{ overflow:auto; width:800px; border:1px solid #aeacb2; background-color::#FFFFFF; } #til ul { list-style-type:none; } #til li { float: left; } #til li a { display: block; padding: 5px 10px 5px 10px; background-color: #000000; color: #FFFFFF; font-weight: bold; font-family: Arial; font-size: 14px; text-decoration: none; border-right:1px solid #FFFFFF; } #til li a:hover { background-color: #FFFFFF; color: #000000; } #sideleft {background-color:#f2f2f2 clear: both; width:180px; float:left; } #sideleft a{ color:#e55e41;text-decoration: none;} #sideleft a:hover{ color:#FF0000; text-decoration: none;} #sideleft img{border:0;} #sideleft p,#sideleft h3{ text-align:center; padding:5px 5px;} #sideleft h4{text-align:center; padding:5px 5px; font-family:impact; color:red;} #sideright { width:180px; float:right; } #sideright a img{width:174px; } #constant{ background-color: #fff; margin-left:180px; margin-right:180px; border:1px solid #006633; } #footer {text-align:Center clear: both; float:left; width:975px; background-color: #ff8a02; } #footer p{text-align:Center} -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.117.157.18