Question

DW做的网页要怎么修改CSS代码才能让网页在所有的浏览器中都能正常显示呢？

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
margin: 0;
padding: 0;
color: #FFFFFF;
font-style: italic;
font-weight: bold;
font-variant: normal;
background-color: #FFFFFF;
background-position: center top;
font-family: "Times New Roman", Times, serif;
font-size: x-large;
background-image: none;

}

h1, h2, h3, h4, h5, h6, form {
margin: 0;
padding: 0;
}

h1, h2, h3 {
}

h4, h5, h6 {
}

p, ul, ol, blockquote {
margin-top: 0;
float: none;
}

a {
color: #268ED4;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

img {
border: none;
float: none;
}

/* Header */

#header {
height: 40px;
background: #5A5A5A url(images/img01.gif) repeat-x;
}

#header h1 {
width: 760px;
margin: 0 auto;
padding: 12px 0 0 0;
font-size: 1em;
}

#header h2 {
width: 760px;
margin: -18px auto 0 auto;
text-align: right;
font-size: 1em;
}

#header a {
text-decoration: none;
color: #FFFFFF;
}

/* Pages */

#pages {
height: 110px;
padding-top: 10px;
color: #666666;
}

#pages h2 {
display: none;
}

#pages ul {
display: block;
width: 760px;
height: 20px;
padding: 0;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}

#pages li {
display: inline;
}

#pages a {
display: block;
float: left;
width: 150px;
height: 20px;
text-align: center;
text-decoration: none;
text-transform: capitalize;
letter-spacing: normal;
font-size: small;
font-weight: normal;
color: #666666;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}

#pages a:hover {
color: #CCCCCC;
font-family: "Times New Roman", Times, serif;
font-size: medium;
font-weight: bold;
text-transform: capitalize;
text-decoration: blink;
}

#page1 { background: #E5FAA1 url(images/img03.gif) no-repeat; }
#page2 { background: #97F0E6 url(images/img04.gif) no-repeat; }
#page3 { background: #F3B6CE url(images/img05.gif) no-repeat; }
#page4 { background: #FADDA1 url(images/img06.gif) no-repeat; }
#page5 { background: #C9CDFF url(images/img07.gif) no-repeat; }

#page1:hover, #pages .active #page1 { background-image: url(images/img08.gif); }
#page2:hover, #pages .active #page2 { background-image: url(images/img09.gif); }
#page3:hover, #pages .active #page3 { background-image: url(images/img10.gif); }
#page4:hover, #pages .active #page4 { background-image: url(images/img11.gif); }
#page5:hover, #pages .active #page5 { background-image: url(images/img12.gif); }
/* Content */
#content {
width: 760px;
margin: 0 auto;
padding: 20px 0 0 0;
}

/* Latest Post Box */

后面的粘不上了，请教高手啊

Answer 1

没办法,CSS的hack技巧还是要掌握一些的,还有就是尽量少用padding.
只有等各浏览器对CSS的解释完全相同那天才能达到你的要求

Answer 2

你这个问题。关系到兼容问题。。各种专家都要写整整一本书。都写不完。。帮不上你

Answer 3

支持楼上的 建议你还是多学习点关于兼容性的东西吧
！！！

Answer 4

多写写代码，多看看材料，经验是才是王道