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 を作成すると、小さなヘッダーと 2 つのサイドバーがあり、中央に主要部分 (これは単なる画像です) があり、フッターにはすべての情報が含まれており、すべてページの中央に配置されます。問題は、chrome と firefox では問題なく動作することですが、Internet Explorer で開くと、Main.div と Footer.div がすべての下に配置されます。nav.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