0

我的网站在 IE 9 及更低版本中无法正确显示。我使用了 HTML5shim 并没有解决这个问题。

该网站在 chrome、firefox 等中看起来很棒

我的网站是 www.bucurestideals.com,我无法显示下面的 HTML 代码。

我的主要css代码如下:

body{
    width: 700px; 
    margin: auto;
    font-family: sans-serif;
}
/* Set styling for ALL h2 elements*/
h2{
    font-size: 39px;
    line-height: 43px;
    letter-spacing: -1px;
}

/*  default anchor styling for the page */
a{
    color: #276056;
    font-size: 14px; 
}

/* Set the hover over of the link */
a:hover {
 color: black;
}

/* Set the base font size and line height for all paragraphs */
p{
    font-size: 14px;
    line-height: 21px;
    font-family: 'Roboto', sans-serif;
}



/* Remove the default padding placed by the browser on the]
   ul element */
.meta {
    padding-left: 0;
    /* Override the default of ul margins */
    margin: 0 0 8px;
}

/*  style the anchor in the UL to have an italic style and 
    a specific font size */
.meta a, .post_info a{
    font-style: italic;
}

/* Style the li of the unordered list to be inline */
.meta li{
    display: inline;

}

/*  Place a '/' after each list item (li) */
.meta li:after{
    content: '\\';
    padding: 0 2px;
    color: #999;
}

/* hide the last '/' in the list item navigation */
.meta li:last-child:after{
    content: none;
}


/* Float the image to the left and add some space 
    between it and the right floated item
*/
article img{
    float: left;
}

/* Style the article's heading - remove default top
 margin top and bottom set by the browser
     */
article h2{ margin: 0; }


/* Float the conrinue link to the right */
.continue{
    float: right;

}

/* Add the brackets around the continue link*/
.continue:after{
    content: ')'
}
.continue:before{
    content: '('
}

/* Float the article div to the right and adjust the width
    so that it will fit to the right of the left floated
    element */
.preview{
    float: right;
    width: 550px;
}
/* style the post information */
.post_info{
    background-color: #f3f3f3;
    color: #999;
    padding: 3px;
    float: left;
    /* make sure that all text is the same
       size */
    font-size: 14px;
}
/* style the post info  anchor tag */
.post_info a {
    color: #999;
    text-decoration: none;

}

.post_info a:hover {
    color: black;
}


/* Clear any floats declared above it */
.body {
    clear: both;
    /* set text color */
    color: #575757;
}

任何帮助将非常感激。

谢谢

4

2 回答 2

2

<!DOCTYPE html>(或其他一些 DOCTYPE)添加到 HTML 文件的开头。

于 2013-04-16T18:25:44.917 回答
0

尽量不要将标签用作站点容器,而是使用 div 来完成这项工作。

<body>
<div class='site_container'>
//Every other element
</div>
</body>

不要集中 body 元素,而是集中 .site_contaner

于 2013-04-16T18:34:29.677 回答