Здравейте имам следния код със този css. Проблема е че под Mozilla сайта е идеален. А под IE е много гадно разместен. Как да го оправя?
Код
CSS
Код
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Site</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" href="lib/style.css" />
</head>
<div id="content">
<h1></h1>
<p></p>
<div class="menu">
<div id="navcontainer">
<ul id="navlist">
<li><h2 class="current">Меню</h2></li>
<li><a href="index.php">Начало</a></li>
<li><a href="aboutus.php">За Нас</a></li>
<li><p>
<img src="lib/kart.jpg" alt="kart" />
</p></li>
<li><h2 class="current">Инфо</h2></li>
<li align="center"><p>
text text text
</p></li>
<li><h2 class="current">Марки</h2></li>
<li><p><img src="lib/bmw.jpg" alt="" />
<br>
<img src="lib/lada.jpg" alt="" />
<br>
<img src="lib/ferarri.jpg" alt="" />
<br>
<img src="lib/opel.jpg" alt="" />
<br>
<img src="lib/peugeo.jpg" alt="" />
<br>
<img src="lib/reno.jpg" alt="" />
</p>
</div>
</div>
<div class="main">
<h2>
Zaglavie
</h2>
text text text text text text text text text text text text text
</div>
<p>
<div class="main">
<h2>
Zaglavie 2
</h2>
text text text text text text text text text text text text
</div>
</div>
</div>
</body>
</html>CSS
Код:
/* Main */
nonee{
}
body {
background: #2a2a2a;
font: small/1.6em verdana, sans-serif;
margin: 0px;
font: normal 10px verdana, arial, sans-serif;
color: #000;
}
a {
color: #333;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: underline;
}
a:active {
color: #000;
}
input, textarea, select {
border: 1px solid #555;
background: #fff;
font: normal 10px verdana, arial, sans-serif;
color: #000;
margin: 1px;
}
h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}
ul li {
padding: 2px 0 2px 20px;
line-height: 1.3em;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 120%;
color: #7c7c7c;
}
ul {
list-style: none;
margin: 0px;
padding-left: 0px;
list-style-type: none;
}
h1 {
background: url(header.gif) no-repeat;
height: 230px;
margin: 0px;
padding: 0;
}
#content {
background:#2a2a2a;
position : absolute;
left : 50%;
width : 800px;
margin-left : -350px;
}
/* Top Navigation */
#top {
position: absolute;
top: 230px;
left: 24px;
padding: 0;
width: 800px;
}
#top li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#top a:link, #top a:visited {
float: left;
font-size: 10px;
line-height: 12px;
font-weight: bold;
margin: 0 -1px 0 0;
padding: 4px 5px 4px 5px;
text-decoration: none;
border: 1px solid #000;
color: #000;
}
#top a:hover {
background: #fff url(li_hover.gif);
color: #333;
}
#top a#active_top {
background: #fff url(li_active.gif);
color: #333;
}
/* Main Content */
.main {
background: #7c7c7c;
border: 1px solid #393939;
margin: 2px 160px 0 0px;
padding: 0;
width: 594px;
}
.main h2 {
background: #ddd url(h2_image.gif);
border-bottom: 1px solid #393939;
color: #000;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
text-align: left;
line-height: 17px;
margin: 0;
padding: 2px 0 0 5px;
}
.main p {
font-size: 110%;
margin: 1px;
padding: 2px;
line-height: 16px;
}
.main p.date {
color: #555;
font-weight: bold;
font-size: 11px;
margin: 0 0 5px 0;
text-align: left;
}
.main p.posted {
color: #bbb;
font: bold 11px "Trebuchet MS", Verdana, sans-serif;
line-height: normal;
text-align: left;
margin-bottom: 10px;
padding: 3px;
border-top: 1px dashed #ccc;
}
/* Menu */
.menu {
display: inline;
float: right;
margin: 0px 0px 0px 0px;
}
#navlist
{
font: 10px verdana, arial, tahoma, sans-serif;
list-style-type: none;
padding: 0px;
margin: 0px;
}
#navlist h2.current
{
background: #ddd url(h2_image.gif);
color: #333;
font: bold 12px verdana, arial, tahoma, sans-serif;
border: 1px solid black;
padding: 2px;
margin: -3px 0 -2px 0;
}
#navlist a
{
display: block;
color: #222;
text-decoration: none;
font: normal 9px verdana, arial, tahoma, sans-serif;
width: 194px;
background: #fff;
border: 1px solid black;
padding: 2px;
margin: -3px 0 -2px 0;
}
#navlist a:hover
{
color: #333;
text-decoration: none;
background: #dee6cd;
border: 1px solid black;
}
#navlist p
{
display: block;
color: #222;
text-decoration: none;
font: normal 9px verdana, arial, tahoma, sans-serif;
width: 194px;
background: #eee;
border: 1px solid black;
padding: 2px;
margin: -3px 0 -2px 0;
}
/* Copyright */
#copyright {
background: #ddd url(copyright.gif);
padding: 7px 2px 2px 2px;
margin: 0px 0px 0 0px;
text-align: center;
}
Намери ме в скайп (jerryt1991) да видя кво мога да направя