Разместване под Mozilla

vladislav

Registered
Занчи ето го кода на страницата само дивове

Код:
<!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:
 
id или class трябва да се дефинират преди всичко друго
пример:

<a class="test" href=".. >

за разместването нз
 
Ми ще оправя class и id обаче невярвам да се оправи разместването. Кода е валидиран :cry:
 
не може да е валидиран и да седи там id просто е невъзможно ...
 
Еми имаше грешки обаче смених ИД с Class и се оправиха и сега където и да е class кода си е валиден така пише :wink:
Обаче тука въпроса е защо става разместването под мозила :cry:
 

Back
Горе