Mám problém s CSS layoutem. Chtěl bych, aby byl relativní a aby byl širší (celá stránka) a byl dlouhý stejně s délkou textu, ne být ve středu ta rolovací lišta. Děkuji ICQ: 270668706
HTML:
<html>
<head>
<title>3 sloupce</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="all">
<div id="sub">
<div id="hlavicka">
<h2>Hlavička</h2>
</div>
<div id="menu">
<p>
Navigace | Navigace | Navigace | Navigace | Navigace | Navigace | Navigace | Navigace | Navigace | Navigace
</p>
</div>
<div id="levy">
<p class="blok_menu1">
Hlavní menu
</p>
<p class="blok_menu">
Odkaz<br>
Odkaz<br>
Odkaz
</p>
</div>
<div id="stred">
<p>
Střed<br>
Střed<br>
Střed<br>
Střed<br>
Střed<br>
Střed<br>
Střed<br>
Střed<br>
Střed<br>
Střed<br>
Střed<br>
Střed<br>
Střed<br>
Střed<br>
Střed<br>
Střed<br>
Střed<br>
</p>
</div>
<div id="pravy">
<p>
Pravý
</p>
</div>
<div id="pata">
<p>
Patička
</p>
</div>
</div>
</div>
</body>
</html>
CSS:
#hlavicka, #menu, #levy, #pravy, #stred, #pata {position:absolute}
#all {
position:absolute;
left:50%;
top:20px;
}
#sub {
position:relative;
left:-375px;
}
#hlavicka {
width:750px;
height:100px;
border:solid black 1px;
border-bottom:none;
top:0px;left:0px;
background-color:#EFEFE7;
}
#menu {
width:750px;
height:20px;
border:solid black 1px;
left:0px;
top:100px;
border-bottom:none;
}
#levy {
width:149px;
height:400px;
border:solid black 1px;
left:0px;top:120px;
background-color:#E7EFF7;
}
#stred {
width:450px;
height:400px;
border:solid black 1px;
left:149px;top:120px;
background-color:#eeeeee;
overflow: scroll;
overflow: -moz-scrollbars-horizontal; overflow: auto; overflow-x: none;
}
#pravy {
width:151px;
height:400px;
border:solid black 1px;
left:599px;top:120px;
background-color:#E7EFF7;
}
#pata {
width:750px;
height:20px;
border:solid black 1px;
left:0px;top:520px;
background-color:#EFEFE7;
}
#levy p {
font-family:"Tahoma",Verdana;
font-size:8pt;
font-weight:bold;
margin-left:20px;
margin-top:20px;
}
#stred p {
font-family:"Tahoma",Verdana;
font-size:8pt;
margin-left:20px;
margin-top:20px;
}
#pravy p {
font-family:"Tahoma",Verdana;
font-size:8pt;
font-weight:bold;
margin-left:20px;
margin-top:20px;
}
#pata p {
font-family:"Tahoma",Verdana;
font-size:8pt;
text-align:center;
margin: 2px 0px 0px 0px;
}
#menu p {
font-family:"Tahoma",Verdana;
font-size:8pt;
text-align:center;
margin: 2px 0px 0px 0px;
}
h1, h2 {
font-family:Verdana;
margin-left:20px;
margin-top:20px;
}
.blok_menu {
border: 1px black solid;
margin-right: 20px;
background-color:#eeeeee;
padding:5px;
}
.blok_menu1 {
border: 1px black solid;
margin-right: 20px;
background-color:silver;
padding:5px;
margin-bottom:-15px;
}
