| Autor | Zpráva | ||
|---|---|---|---|
| hplayer Profil |
#1 · Zasláno: 21. 12. 2009, 14:30:15
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 |
#2 · Zasláno: 21. 12. 2009, 14:47:32
hplayer:
najdi si „Plaváčkovu patičku“, trochu si s ní pohraj a pochopíš. |
||
| hplayer Profil |
#3 · Zasláno: 21. 12. 2009, 15:23:37
já ale nemám problém s patičkou..ta je ok, ale menu se neroztahne az dolu
|
||
| panther Profil |
#4 · Zasláno: 21. 12. 2009, 15:27:17
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 |
#5 · Zasláno: 22. 12. 2009, 09:31:59
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 |
#6 · Zasláno: 22. 12. 2009, 09:41:38
Camo:
co kdybys to místo těch otazníko-vykřičníkových orgií „???!?!“ zkusil? |
||
| Camo Profil |
#7 · Zasláno: 22. 12. 2009, 09:57:23
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á? |
||
|
Časová prodleva: 14 let
|
|||
0