CSS和Internet Explorer div位置问题

时间:2012-05-10 15:27:40

标签: html css internet-explorer

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之间的顶部。格

<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>

0 个答案:

没有答案