Имам следния проблем само под IE6 когато мина върху менюто картинката с коне, която е в div-a
Долу е html кода а по надолу e css кода
при FF и IE7 го няма този проблем
CSS
Благодаря предварително
се мести надолу. До колкото знам това е проради факта , катинката в
е по - малка от дължината на сайта, пробвах да я удължа колкото е сайта, но нищо не се промени.
Долу е html кода а по надолу e css кода
при FF и IE7 го няма този проблем
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Конна База “СИВЕК”, Велинград – За Нас</title>
</head>
<body>
<div id="kazan" >
<div id="header">
<div class="language">Please select your language:
<a href="zanas_en.html" title=""><img src="images/uk-flag.png" width="18" height="9" border="0"></a>
<a href="zanas.html" title=""><img src="images/BG-flag.gif" width="18" height="9" border="0"></a>
</div>
</div>
<div id="topmenu">
<ul>
<li><a href="index.html" class="">Начало</a></li>
<li><a href="zanas.html"class="active">За Нас</a></li>
<li><a href="kone.html"class="">Коне</a></li>
<li><a href="ceni.html"class="">Цени</a></li>
<li><a href="gallery.html"class="">Галерия</a></li>
<li><a href="kontakt.html"class="">Контакт</a></li>
<li><a href="links.html"class="">Приятели</a></li>
</ul>
</div>
<div id="main">
<div id="left">
<div id="snimkatop">
</div>
</div>
<div id="right">
<br><br><br><br><br><br><br><br><br><br><br><br>
</div>
</div>
<div id="footer">
</div>
</body>
</html>CSS
Код:
html,body{margin:0 auto;padding:0px;background:#fff url(../images/back.gif);background-repeat: repeat-x; text-align:center;color:white;font-family:Arial;font-size:15px;}
#kazan{width:798px;background:url(../images/cherti.gif) repeat-y;margin:0 auto;}
#header{width:798px; height:160px; background:url(../images/header.jpg);margin:0; padding-top:0;}
.language {float:right;width:250px;text-align: right;padding-top: 4px;font-size:11px;color:#99cc00;}
#topmenu{height:25px;margin:-29px 0 4px 0;font-size: 16px;background: url("../images/top_menu_separator.gif") top right no-repeat;}
#topmenu ul{margin: 0;padding: 0;}
#topmenu ul li a.active{color:#b0cc00;}
#topmenu ul li{list-style-type: none;background: url("../images/top_menu_separator.gif") top right no-repeat;float:left;}
#topmenu ul li a{height:25px;line-height:20px;padding: 0 18px 0 18px;text-decoration: none;color: #d1c2b1;float:left;}
#topmenu ul li b{height:25px;line-height:20px;padding: 0 18px 0 18px;color: #b0cc00;font-weight: normal;border-bottom: 3px solid #b0cc00;float: left;}
#topmenu ul li a:hover{color: #b0cc00;border-bottom: 3px solid #b0cc00;float:left;}
#video{height: 499px;padding-top:3px;}
#main{width:798px;float:left;}
#left{width:666px;height:120px;margin:0;padding:0;float:left;}
#snimkatop{height:120px;background:url(../images/nas_snimka.jpg) no-repeat;}
#right{width:130px;border:1px solid red;float:left;}
#footer{clear:both;height:30px;background:#60361d;font-size:9px;font-weight: italic;padding-left:20px;padding-right: 20px;text-align: center;padding-bottom: 0px;line-height: 142%;color:#99cc00;margin: 0 auto;}