Не подскажите, спецы, почему FOOOO опускается под уровень NAVIGATION. Мне надо засунуть его под плавающий блок BLABLA
Ну и конечно же код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<style>
html {
height:100%;
}
body {
position: relative;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
z-index: 0;
width: 100%;
}
.header {
height: 100px;
background-color: #AAAAFA;
}
.content {
width: 100%;
}
.nav {
float: left;
width: 300px;
background-color: #FAFAFA;
}
.right {
margin-left: 301px;
background-color: #DACAFA;
}
.leftdiv {
float: left;
background-color: #FF0000;
}
.right h2 {
clear: left;
}
</style>
<body>
<div class="header">
HEDER
</div>
<div class="content">
<div class="nav">
<h2>NAVIGATION</h2>
</div>
<div class="right">
<div class="leftdiv">
BLABLA
</div>
<h2>FOOOOOOOOOOOOOOOOOOOOOOOOO</h2>
</div>
</div>
</body>
</html>
