Autor Zpráva
Tomáš123
Profil
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
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;
tak ide všetko v pohode ale predtým som tam nič také nemal a išlo to takisto. Vysvetlíte mi v čom je rozdiel a prečo je hore potrebné mať "html, body {..." Ďakujem.
jefitto44
Profil
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
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
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

Vaše odpověď

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

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