.main {background-image: url(images/pozadi.gif);
margin: auto;
width: 1000px;
}
.left {
width: 195px;
margin: 0px;
padding: 0px;
float: left;
font-size:9pt;
text-align:center;
}
.middle {
width:600px;
margin: 0px 200px 0px 180px;
padding: 10px 10px 20px 10px;
background-color: orange;
background-image: url(images/content.gif);
background-repeat: repeat-y;
color:blue;
height:100%;
}
.right {
background: red;
width: 175px;
margin: 0px;
padding: 0px;
position:relative;
left: 810px;
}
<div class="main">
<div class="middle">
obsah
</div>
<div class="left">
1. menu
</div>
<div class="right">
2. menu
</div>
</div>
Mel by se zobrazit 3-sloupcovy layout. Ten se sice ukaze pekne, ale obsah i obe menu maji samostatne radky. Kde mam chybu?
Pro doplneni maly obrazek:
|obsah|
1menu | |
| |2menu
A takhle bych to chtel:
1menu |obsah |2menu
....... | .. | ...
..... | .. | ...
predem dekuji