tak mám momentálne tento kód:
index.html
<html>
<head>
<meta charset="UTF-8">
<title>
Web
</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="web">
<div id="hlavicka">
<iframe src="hlavicka.html" width="100%" height="100%">
</iframe>
</div>
<div class="menu" id="horizontal-menu">
<iframe src="horizontal-menu.html" width="100%" height="100%">
</iframe>
</div>
<div class="content">
<div class="menu" id="vertical-menu">
<iframe src="vertical-menu.html" width="100%" height="100%">
</iframe>
</div>
<div class="obsah">
<div class="menu" id="obs">
<iframe src="obs/uvod.html" width="100%" height="100%">
</iframe>
</div>
<div id="copyright">
<iframe src="copyright.html" width="100%" height="100%">
</iframe>
</div>
</div>
<div id="right-sidebar">
<iframe src="right-sidebar.html" width="100%" height="100%">
</iframe>
</div>
</div>
</div>
</body>
</html>
style.css.web{
position: relative;
height: 100%;
width: 100%;
}
#hlavicka{
position: relative;
height: 100px;
width: 100%;
}
#horizontal-menu{
position: relative;
height: 40px;
width: 100%;
}
.content{
position: relative;
height: calc(100% - 140px);
width: 100%;
}
#vertical-menu{
position: relative;
height: calc(100%);
width: 200px;
top: 0px;
left: 0px;
float: left;
}
.obsah{
position: relative;
height: calc(100%);
width: calc(100% - 350px);
top: 0px;
left: 0px;
float: left;
}
#obs{
position: relative;
height: calc(100% - 20px);
width: 100%;
top: 0px;
left: 0px;
float: left;
}
#copyright{
position: relative;
height: 20px;
width: 100%;
top: 0px;
left: 0px;
}
#right-sidebar{
position: relative;
height: 100%;
width: 150px;
top: 0px;
right: 0px;
float: right;
}
a funguje to dokonale, presne tak jak chci, aspoň zatím v prohlížeči chrome, GS a FF,... presne je rozloženie také aké presne chcem....