div 布局 双列 显示出错
这是我HTML代码:
<?xml encoding="UTF-8">
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html >
<head>
<title>
frist div
</title>
<link rel="stylesheet"; type="text/css"; href="frist div.css">
</head>
<body>
<div class="page">
<div class="header"><h1> My company Name</h1>
</div>
<div class="nav">
<a href="http://www.zzzyk.com">Home</a>|
<a href="www.zzzyk.com">Products</a>|
<a href="www.zzzyk.com">Services</a>| <a href="www.zzzyk.com">About Us</a>
</div>
<div class="content">
<h2>Sample Web Page</h2></p>
Lorem ipsum dolor sit amet,consect...orem ipsum dolor sit amet,consect...orem ipsum dolor sit amet,consect...orem ipsum dolor sit amet,consect...orem ipsum dolor sit amet,consect...orem ipsum dolor sit amet,consect...orem ipsum dolor sit amet,consect...orem ipsum dolor sit amet,consect...orem ipsum dolor sit amet,consect...orem ipsum dolor sit amet,consect...orem ipsum dolor sit amet,consect...orem ipsum dolor sit amet,consect...orem ipsum dolor sit amet,consect...orem ipsum dolor sit amet,consect...orem ipsum dolor sit amet,consect...
</div>
</div>
</body>
</html>
这是我CSS 代码:
body {
background-color:#d6d6d6;
font-family:arial,sans-serif;
text-align:center;
}
.page {
width:700px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
text-align:left;
font-size:12px;
background-image:url(images/yy.jpg);
background-repeat:repeat-y;
border-style:solid;
border-width:1px;
border-color:#cccccc;
}
.header {
background-color:#f3f3f3;
padding:3px;
}
.nav {
float:left;
width:100px;
font-weight:bold;
background-color:#e3e3e3;
padding:5px;
}
.content {
padding:10px;
margin-left:100px;
}
在网上大概查了一下,好像说是IE8的问题。但我没查到怎么改啊。小妹刚刚入门,还望大家帮忙啊~~~