Ответов: 2 Просмотров: 2059
|
Графическое меню равняется с концом текста блока с контентом то есть уезжает вниз. В опере все нормально в мазиле тоже. Косяк только в 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); }
|