小编Ore*_*s72的帖子

我对html和css很新,所以请随意批评你在下面的代码中看到的任何不良做法......

我正在尝试创建一个800像素的居中列,横幅将调整为800像素.在chrome或firefox中查看此页面时,它看起来很棒.当我在IE8中查看字体很大时,横幅右侧一直到底部有一个巨大的空白点,无论我在做什么,"容器"的大小都不会改变. css文件.

CSS:

body {
    font-family: Arial;
    font-size: small;
    background-color: #FFFFFF;
    background-image: url(../images/victorianBackground.jpg);
    background-position: top;
    background-repeat: repeat;
    color: #000000;
}
#container {
    margin: -10 auto;
    background-color: #D3CDBA;
    text-align: left;

}

html>body #container {
    width: 800px;
    min-height:800px;
    padding: 0 0px;
}

#banner {
    width:800px;
}

#banner img {   
    width:800px;    
    padding:45 0px;
}

#content {
    width:500px;
    padding: 15px;
    background-color: transparent;
}

/* Navigation */
#navigation ul {
    list-style-type: none;
    width: 800px;
    margin: 0;
    padding: 0;
}
#navigation li {
    float: left; …