Занчи ето го кода на страницата само дивове
CSS файл
Под IE всичко си е наред обаче под Mozilla
footer-а и разделителя отиват горе при менюто и основната колона и става :shock:
Код:
<!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>Thesnooker-bg.info - Българският снъкър портал!</title>
<link rel="stylesheet" href="snooker.css" type="text/css"/>
</head>
<body>
<div id="main">
<div id="header"></div>
<div class="bar"></div>
<div id="left">
<div id="menut">Меню</div>
<div id="menu">
<a href="#" class="nav">Линк 1</a>
<a href="#" class="nav">Линк 12</a>
<a href="#" class="nav">Линк 123</a>
<a href="#" class="nav">Линк 1234</a>
<a href="#" class="nav">Линк 12345</a>
</div><br/><br/>
<div id="user">
Личен акаунт
</div>
</div>
<div id="body"></div>
<div class="bar"></div>
<div id="footer">sedfsedfsedf</div>
</div>
</body>
</html>
CSS файл
Код:
div{
border-style: solid;
border-color: black;
border-width: 0px;
font-family: Verdana;
}
/*------------------------------ОСНОВЕН LAYOUT-------------------------------*/
#main{
width: 770px;
margin-left: auto;
margin-right: auto;
}
#header{
width: 770px;
height: 120px;
}
#bar{
width: 770px;
height: 20px;
}
#left{
width: 150px;
float: left;
}
#body{
width: 620px;
clear: right:
}
#footer{
width: 770px;
height: 120px;
}
/*------------------------------ОСНОВЕН LAYOUT-------------------------------*/
/*------------------------------МЕНЮ-------------------------------*/
#menu{
width: 100%;
margin: 0px;
}
#nav{
display: block;
width: 140px;
text-decoration: none;
font-size: 12px;
padding: 5px;
}
#menut{
width: 100%;
font-size: 12px;
height: 25px;
text-align: center;
}
/*------------------------------МЕНЮ-------------------------------*/
/*------------------------------ПОТРЕБИТЕЛСКО МЕНЮ-------------------------------*/
#user{
width: 100%;
height: 25px;
font-size: 13px;
text-align: center;
}
/*------------------------------ПОТРЕБИТЕЛСКО МЕНЮ-------------------------------*/
Под IE всичко си е наред обаче под Mozilla
footer-а и разделителя отиват горе при менюто и основната колона и става :shock: