0 
body {
background-image: url(pattern.jpeg); background-attachment: fixed;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

 h1,h2,h3
 {
 color : #6685a8;
 }

 div#outer {
width: 960px;
background-color:#FFFFFF;
margin-top: 00px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
border: thin solid #000000;
text-align: left;
 }

 div#header {
padding: 5px;
margin: 0px;
text-align: left;
background-color :#8bb8e8;
 }

 div#nav {
width: 160px;
height: 1669px;
padding: 0px;
margin-top: 0px;
float: left;
background-color:#6685a8;
 }

 div#navright {
width: 160px;
height: 1669px;
padding: 0px;
margin-top: 0px;
background-color:#6685a8;
  }

 div#main {
float:top;
margin-top: 0px;}

 div#footer {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 15px;
margin: 0px;
border-top: thin solid #000000;
}

一旦我为它创建了 html，它只有一个小标题、两个侧边栏和中间的主要部分（这只是一张图片），页脚包含所有信息，它也都位于页面的中心。问题是它在 chrome 和 firefox 中运行良好，但是当我在 Internet Explorer 中打开它时，它会将 Main.div 和 Footer.div 放在所有内容下方，我需要它位于 nav.div 和 right 之间的顶部。 div

<html>
<head>
<link href="carguys.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="outer">
    <div id="header" >
    <p>
     </div>
    <div id="nav">
        <img src="" alt="" width="160" height="400" align="middle"/>
    </div>
    <div id="navright">

    </div>
     <div id="main" align="center">
        <img src="" alt="" width="640" height="400"></img>
    </div>
    <div id="footer">
        <h1 align="center">The Show</h1>
     *lots of content in this section, including a table*
    </div>
 </div>
 </body>

4

0 回答 0