div наваливается на div
Проблема, не могу разобраться, div встаёт на предшествующий div, хотя нету абсолютной позиции. (div .left стоит там же, где и .up, хотя должен быть под ним).
Вот страница:
<html>
<head>
<link rel="stylesheet" href="menu.css">
</head>
<body>
<div class="all">
<div class="up">
<table border=0 width=100% height=100%>
<tr><td valign=top>
<div class="menu"> </div>
</tr></td>
<tr><td valign=bottom>
<div class="menu"> </div>
</tr></td>
</div>
<!--<div class="left"> </div>-->
</div>
</body>
</html>
.all{
width: 100%;
height: 100%;
border: 1px solid black;
}
.up{
height: 20%;
border: 1px solid black;
}
.menu{
width: 90%;
border: 1px solid black;
margin: auto;
}
.center{
width: auto;
height: 70%;
border: 1px solid black;
}
.left{
width: auto;
height: auto;
border: 1px solid black;
}
Вот страница:
Цитата:
<html>
<head>
<link rel="stylesheet" href="menu.css">
</head>
<body>
<div class="all">
<div class="up">
<table border=0 width=100% height=100%>
<tr><td valign=top>
<div class="menu"> </div>
</tr></td>
<tr><td valign=bottom>
<div class="menu"> </div>
</tr></td>
</div>
<!--<div class="left"> </div>-->
</div>
</body>
</html>
Див класса left - виновник!
А вот, css:
Цитата:
.all{
width: 100%;
height: 100%;
border: 1px solid black;
}
.up{
height: 20%;
border: 1px solid black;
}
.menu{
width: 90%;
border: 1px solid black;
margin: auto;
}
.center{
width: auto;
height: 70%;
border: 1px solid black;
}
.left{
width: auto;
height: auto;
border: 1px solid black;
}
Помогите пожалуйста! В примерах, всё работает.. Делаю точно так же, но ничего не получается.
p.s. Буду признателен, если укажете общую кривизну в вёрстке, это очень поможет в моих нелёгкий начинаниях:D
проверь порядок открытия-закрытия всех тегов, особенно tr-ов и td-ов
А также позакрівай все теги. table - как минимум не закрыт
А также позакрівай все теги. table - как минимум не закрыт
Спасибо большое! Так облажался, блимн:(