Форумы портала PHP.SU :: Версия для печати

1. toropss - 05 Ноября, 2009 - 09:48:31 - перейти к сообщению

Графическое меню равняется с концом текста блока с контентом то есть уезжает вниз. В опере все нормально в мазиле тоже. Косяк только в IE. Подскажите что делать? Убил кучу времени и так не нашел решения проблемы.

Вот код:

CODE (text):
скопировать код в буфер обмена

 
<body>
<center>
<div class='car'>
<div id='head'></div>
<div id='cont'></div>
<div id='menu'> 
<br/>
<a href='index.php'><img src='themes/img/1.jpg' alt='Главная'/></a><br/><br/>
<a href='cena.php'><img src='themes/img/2.jpg' alt='Цены'/></a><br/><br/>
<a href='klient.php'><img src='themes/img/3.jpg' alt='Наши клиенты'/></a><br/><br/>
<a href='faq.php'><img src='themes/img/4.jpg' alt='Частые вопросы'/></a><br/><br/>
<a href='support.php'><img src='themes/img/5.jpg' alt='Контакты'/></a><br/><br/><br class='br'/>
</div>
<br class='br'/>
<div id='fut'>
</div>
</div>
</center>
</body>
</html>
 
 

CSS:

CODE (text):
скопировать код в буфер обмена

 
@charset "windows-1251";
 
body {
text-align: center;
background-image: url(img/fon.jpg);
font-size: 16px;
font: 100% Verdana, Arial, Helvetica, sans-serif;
color: #818181;
}
 
img {
border-style: none;
}
 
 
a {
font-size:16px;
color:#7aace9;
text-decoration:none;
font-weight:bold;
}
 
a:hover {
text-decoration:underline;
}
 
h2 {
color: #7aace9;
text-align: center;
}
 
.car{
width: 770px;
background-color: #fafbfa;
background-image: url(img/lef.jpg);
background-position: left;
background-repeat: repeat-y;
border: 1px;
border-style: solid;
border-color: #000000;
text-align: left;
}
 
.car #head {
height: 201px;
font-size: 13px;
padding-left: 200px;
font-weight: bold;
background-image: url(img/logo.jpg);
}
 
 
.car #menu {
width: 264px;
background-image: url(img/lef.jpg);
}
 
.car #cont {
float: right;
width: 500px;
padding: 7px 3px 7px 5px;  
}
 
.br { 
clear: both;
height: 0;
font-size: 1px;
line-height: 0px;
}
 
.car #fut{
height: 67px;
background-image: url(img/fu.jpg);
}