Autor Zpráva
hplayer
Profil
AHoj,
mam takovej problem. Mam layout o 2 sloupcich - vlevo je menu a vpravo obsah, ale nejsem schopnej nastavit menu tak aby bylo vždy na celou vysku.
HTML
<div id="all">

<div id="header">
<ul>
	<li>Vranov 11</li>
	<li>257 22 Čerčany</li>
	<li>Czech Republic</li>	
</ul>	
</div>

<div id="navigation">
	<ul>
		<li><a  href='index.php?str=hlavni'>Hlavní stránka</a></li>
		<li><a  href='index.php?str=about'>O firmě</a></li>
		<li><a  href='index.php?str=specializace'>Specializace</a></li>
		<li><a  href='index.php?str=park'>Vozový park</a></li>
		<li><a  href='index.php?str=pojisteni'>Pojištění nákladu</a></li>
		<li><a  href='index.php?str=poptavka'>Poptávka</a></li>
		<li><a  href='index.php?str=odkazy'>Užitečné odkazy</a></li>
		<li><a  href='index.php?str=kontakt'>Kontakt</a></li>
		<li><a  href='index.php?str=pneuservis'>Pneuservis</a></li>
	</ul>
	
</div>



<div id="content">


<?php include $soubor ?>		



</div>

<div id="footer">
blablbabla
</div>

</div>



CSS
body,html {background: url(../images/bg.png) repeat;  }

#all
{height:100%;
width: 970px;
margin: 15px auto;
background: #f7f7f7 ;
color: #333;
border: 5px solid gray;
line-height: 130%;
font-family: Tahoma;
overflow: hidden;
}

#header
{
width:auto;
height: 200px;
padding: 0px;
background: #ddd url(../images/header.png) no-repeat;
border-bottom: 1px solid gray;
}

#header h1#title
{
padding: 25px 25px 0 25px;
text-decoration: none;
}

#navigation
{
height:100%;
margin: 0;
float: left;
width: 215px;
padding: 15px 0 0px 0;
background: #f7f7f7 url(../images/menu.png) repeat-y;
font-size: 18px;
color: white;
font-family: Tahoma;
border-right: 1px solid black;
border-bottom: 2px solid black; 
}



#content
{
margin-left: 215px;
border-left: 0px solid gray;
padding: 5px 25px 75px 25px;
background-color: #f7f7f7;
}

#footer
{
height: 100px;
clear: both;
color: #333;
background: #ddd url(../images/footer.png) repeat-x;
border-top: 3px solid black;
text-align: right;
}

/**** NAVIGATION ****/


#navigation ul li {padding: 25px; }

#navigation ul li {
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 2px solid white;
text-align: left;
}
#navigation ul { min-height: 100%;}
#navigation ul li:hover {background: url(../images/arrow.png) right  no-repeat;}
#navigation ul li a {color: white; text-decoration: none;}
#navigation ul li a:hover {text-decoration: underline; color: #ddd;}

/**** NAVIGATION END ****/
panther
Profil
hplayer:
najdi si „Plaváčkovu patičku“, trochu si s ní pohraj a pochopíš.
hplayer
Profil
já ale nemám problém s patičkou..ta je ok, ale menu se neroztahne az dolu
panther
Profil
hplayer:
říkám, aby sis jí našel, tak se podívej, co dělá. Tím, že je neustále dole (na stránce, případně dokumentu), oba obsahové sloupce jsou natažené odshora dolů.
Camo
Profil
panther:
Ak dovolíte, pred nedávnom som tu riešil tento istý problém. dostal som link na Pixiho 3stĺpcový layout.
V tomto vlákne to vyzerá, že by sa to dalo urobiť cez tú pätičku???!?!
Chápem to správne?
panther
Profil
Camo:
co kdybys to místo těch otazníko-vykřičníkových orgií „???!?!“ zkusil?
Camo
Profil
panther:
No práve to študujem a vidím tam nejaké čary okolo:
body>#main {
 height: auto;
 }


IE vie nastaviť height:100% + výška sa prispôsobý, ak je obsah väčší. Chápem to správne?
No a pre mozilu a operu treba nastaviť height:auto + minheight, lebo by 100% zafixovali a neprispôsobovali obsahu.
Chápem to s tým IE správne, že naťahuje obsah, aj keď je height explicitne zadaná?

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: