| Autor | Zpráva | ||
|---|---|---|---|
| Tomáš123 Profil |
#1 · Zasláno: 6. 3. 2014, 10:56:59
Predtým než som toto vlákno založil som si prečítal "patička vždy dolu" a podľa toho návodu mi to aj fungovalo, ale zrazu to nejde a neviem o tom aby som niečo vymazal či prepísal. Už pár dní stále dookola čítam zdroják, ale neviem tomu prísť na chybu. Mohli by ste sa na to pozrieť? Vopred Ďakujem všetkým za snahu.
CSS: /* CSS Document */
body {
background-color: #fff;
width: 740px;
margin: 0 auto;
height: 100%;
font-size: 12px;
font-family: Times New Roman;
color: #000;
}
.header {
margin-top: 15px;
background-color: #00F;
height: 80px;
border: 1px solid #000;
border-radius: 20px 20px 0px 0px;
}
.main {
background-color: #FF0;
height: 100%;
min-height: 100%;
border: 1px solid #000;
}
.footer {
padding: 10px;
border: 1px solid #000;
border-radius: 0px 0px 20px 20px;
}A HTML: <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="">
<link rel="stylesheet" type="text/css" href="CSS/default.css">
<title>Html page</title>
</head>
<body>
<div class="header">
.
.
.
</div>
<div class="main">
Chcel by som aby aj keď tu nič nieje napísané bol div main dlhý aspoň na celú stránku.
</div>
<div class="footer">
.
.
.
</div>
</body>
</html> |
||
| Tomáš123 Profil |
#2 · Zasláno: 6. 3. 2014, 12:04:37
Potom čo som si ešte raz prečítal ten článok a skúsil dať hore do css:
/* CSS Document */
html, body {
background-color: #fff; |
||
| jefitto44 Profil |
#3 · Zasláno: 6. 3. 2014, 17:06:19
musíš divu main nastaviť minimálnu výšku...
čiže do .main { min-height: 960px; } 960px je náhodna výška... pätička aj tak nebude vždy dole, lebo to závisí od veľkosti monitora. Na tvojom monitore môže byť dole, ale na iných nemusí. Ešte ma napadá riešenie s absolute position bottom:0 right:0, ale neviem, či je funkčné (správne určite nie) |
||
| Tomáš123 Profil |
veď minimálna výška tam nastavená je ale ja som ju nechcel mať v pixloch lebo:
jefitto44: „pätička aj tak nebude vždy dole, lebo to závisí od veľkosti monitora“ preto som chcel vedieť kde v tom zdrojovom kóde bola chyba že nevníma %. Keď som 100% nahradil pixelmi tak to všetko išlo ale pri % bolo celé html také krátke ako najmenej mohlo a viac sa roztiahnuť nechcelo. |
||
| jefitto44 Profil |
#5 · Zasláno: 6. 3. 2014, 19:27:18
No lebo to je výška 100%. Percentá neznamenajú šírku monitora, lež šírku elementu, ktorá je v tomto prípade rovná ničomu. Môžeš skúsiť absolútne pozicovanie, ako som uviedol vyššie. Neviem však, čo sa stane, keď bude stránka dlhšia, ako je monitor. Teoreticky by sa nemalo stať nič, ale neručím
|
||
| Tomáš123 Profil |
#6 · Zasláno: 7. 3. 2014, 11:28:58
jefitto44:
„Neviem však, čo sa stane, keď bude stránka dlhšia, ako je monitor.“ V takom prípade sa objaví scrollovacia lišta a päta ostane dolu. Problém som už vyriešil tým, že som dal výšku html aj body na 100% a následne aj výšku divu main na 100% a tak je minimálna výška divu main na celú výšku akéhokoľvek monitora a päta je vždy dolu. jefitto44: Diki za rady |
||
|
Časová prodleva: 10 let
|
|||
0