Имам 3 елемента, които трябва 2 пъти да бъдат позиционирани хоризонтално един до друг . Левия и десния не се повтарят, а средния се повтаря по "х" Проблемът е че елемента в ляво не се позиционира в края а изскача някъде отгоре, виж картинката (http://media.snimka.bg/3082/012419814-big.jpg). От къде става това разминаване? :shock:
Ето и кода:
Ето и кода:
<!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=windows-1251">
<title></title>
<style type="text/css">
#footer{
width:946px;
height:450px;
}
.menu {
height: 33px;
width: auto;
}
div.menua {
width: 938px;
background-image: url(images/menu.gif);
background-repeat: repeat-x;
height: 33px;
float: left;
}
.menuleft {
float: left;
background-image: url(images/menu-left.gif);
background-repeat: no-repeat;
height: 33px;
width: 4px;
}
.menuright {
float: left;
background-image: url(images/menu-right.gif);
background-repeat: no-repeat;
height: 33px;
width: 4px;
}
</style>
</head>
<body>
<div id="footer">
<div class="menu">
<div class="menuleft"></div>
<div class="menua"></div>
<div class="menuright"></div>
</div>
<br />
<br /><br /><br />
<br /><br />
<div class="menu">
<div class="menuleft"></div>
<div class="menua"></div>
<div class="menuright"></div>
</div>
</div>
</body>
</html>