Проблема ми е следния.Защо не излиза това най-горе а под другите кутийки ? Ето снимка да видите какво имам предвид
http://195.149.248.189:8080/2009-04-11/918ad7a375f9abe69df21796fbe15b74_920x0.jpg
Може ли да се направи без отрицателен margin ?
Това са ми кодовете
CSS
HTML
http://195.149.248.189:8080/2009-04-11/918ad7a375f9abe69df21796fbe15b74_920x0.jpg
Може ли да се направи без отрицателен margin ?
Това са ми кодовете
CSS
Код:
html, body {background: url(../img/bg.gif) repeat-x; background-color: #948b6c; padding: 0; margin: 0; height: 100%; font: 15px Arial; color: #fff;}
body a {text-decoration: none; color: #fff;}
body a:hover {color: #d8b809;}
#kazan {width:920px; margin: 0 auto; margin-top: 10px;}
#header {background: url(../img/header.png) no-repeat; height:135px;}
#menu {background: url(../img/menu.png) no-repeat; height:29px; margin-left: -1px;}
#menu ul {margin: 0; padding: 0; list-style-type: none; text-align: center; padding-top: 3px;}
#menu ul li {margin: 0; list-style-type: none; display: inline; margin-right: 10px;}
.left {float:left; width:193px;}
.leftmenu {background: url(../img/left.png) no-repeat; height:20px; padding-left:65px; margin-top: 10px;}
.leftmain {background-color: #645e49; width: 192px; margin-left: 1px;}
.footer-left {background: url(../img/footer-left.png) no-repeat;}
#clear {clear: both; line-height: 0px;}
.main {width:516px; float: right; margin-left: 200px; border: 1px red solid;}HTML
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<title>CSinfo-BG</title>
<link rel="stylesheet" type="text/css" href="css/csinfo.css" />
</head>
<body>
<div id="kazan">
<div id="header"> </div>
<div id="menu">
<ul>
<li><a href="../">Начало</a></li>
<li><a href="../">Форум</a></li>
<li><a href="../">Файлове</a></li>
<li><a href="../">Уроци</a></li>
<li><a href="../">Контакти</a></li>
<li><a href="../">Друго</a></li>
</ul>
</div>
<div class="left">
<div class="leftmenu">Текст</div>
<div class="leftmain">
2009-04-06: W3C is pleased to announce the creation of the Social Web Incubator Group. The group's mission is to understand the systems and technologies that permit the description and identification of people, groups, organizations, and user-generated content in extensible and privacy-respecting ways.
</div>
<div class="footer-left"> </div>
<div class="leftmenu">Текст</div>
<div class="leftmain">
2009-04-06: W3C is pleased to announce the creation of the Social Web Incubator Group. The group's mission is to understand the systems and technologies that permit the description and identification of people, groups, organizations, and user-generated content in extensible and privacy-respecting ways.
</div>
<div class="footer-left"> </div>
</div>
<div id="clear"> </div>
<div class="main">
asdas
</div>
<div id="clear"> </div>
</div>
</body>
</html>