Autor Zpráva
xfish
Profil *
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">
&nbsp;
<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;
}
flying gentleman
Profil
moc jsem tvuj problem nepochopil, mam to ted doma prekopceny, nechapu pojem ve středu ta rolovací lišta
kdybys chtel pomoct(jako ze bych se ja pokusil), tak si zapni icq
xfish
Profil *
ICQ mám zaplé, 270668706. Pokud by to nešlo, pošli tvoje, napíšu ti.
Toto téma je uzamčeno. Odpověď nelze zaslat.

0