css height v percentach nefunguje

Programovacie jazyky, rady, poradňa...
failExperiment
Expert
Expert
Používateľov profilový obrázok
Príspevky: 191
Registrovaný: 10 aug 2011, 14:19

css height v percentach nefunguje

Príspevok od používateľa failExperiment »

Zrdavim, mam problem z vlastnosotou height, ked ju zadam v % nejde, ked ju zadam v piceloch ide.
rad by som mal ju zadanu ako percenta, lebo potrebujem rozdelit divy na celu stranku.

index.html

Kód: Vybrať všetko


<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"  > 
</head>
<body>
<div id="cele">
<div id="hornalista">
 horna lista
</div>
<div id="hornalista2">
 horna lista2
</div>

<div id="stred">
stred
</div>
<div id="kosik">
kosik
</div>
</div>
</body>
</html>
CSS

Kód: Vybrať všetko

body {
      background: rgb(221,251,210); /* farba pozadia */
      color: #000000; /* farba textu */
      font-family: "Verdana", "Helvetica", sans-serif; /* typ písma */
      font-size: 12px; /* vežkos? písma */
      margin: 12px;  
      margin-top:0px;
      margin-bottom:0px;
      
      }

#hornalista
{
   
   position: relative;
   width: 100%;
   height: 15%;
   color: #FFFFFF;
   background: black;
   
}


#hornalista2
{
   
   position: relative;
   width: 100%;
   height: 15%;
   color: #FFFFFF;
   background: green;
}

#stred
{
   width:100%;
   height: 60%
   background: red;
}
#kosik
{
  width: 100%;
  height: 10%;
}
janto33
Medium Expert
Medium Expert
Príspevky: 130
Registrovaný: 26 sep 2011, 13:04
Bydlisko: PP-KE

Re: css height v percentach nefunguje

Príspevok od používateľa janto33 »

pre stred skus vynechat 60%. Pokial si dobre pamatam tak css berie na rozlozenie cele rozlisenie obrazovky a moze mat problem s velkostou.
Pouzi iba * alebo to cele vynechaj.

Citacia jpw.cz

Procenta
S procenty je v CSS trochu zmatek, ale dá se to pochopit. Zápis vypadá jako u obyčejných jednotek: width: 20% třeba (mezi číslem a % není mezera). Jediným problémem je to, jak se budou procentuální hodnoty interpretovat. Jde prostě o to, z čeho jsou to procenta.

Na tuto otázku obecná odpověď neexistuje. U každé vlastnosti je tomu jinak. V mnoha výčtech vlastností a hodnot CSS je sloupeček "interpretace procent", ve kterém se nalézá pokus o specifikaci.

Naštěstí existují ale jenom tři základní interpretace, které jsou ve většině případech stejně shodné. Procenta se počítají buď

z přirozených rozměrů elementu (týká se pouze písma a výšky řádku),
z rozměrů rodičovského elementu (třeba buňka tabulky, div),
nebo ze šířky stránky a výšky okna,
což, jak jistě chápete, je v mnoha případech totéž. Složitější zanořené případy se stejně musejí odzkoušet. Takže procenta zadávat doporučuji, je to mnohdy velké ulehčení. Například zadávání velikosti písma procenty je v podstatě jediná možnost, jak mít písmo stejně velké v různých prohlížečích.
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: css height v percentach nefunguje

Príspevok od používateľa audiotrack »

a 100% čoho to má byť? Ak dáš position:absolute tak ok, beriem. Ale máš position relative, takže sa to vzťahuje na nadradený prvok. Takže daj aj tomu divu cele width:100% a teda musíš dať aj body{width:100%} a rovnako html{width:100%}
Prílohy
index.rar
(511 Bajtov) 16 stiahnutí
failExperiment
Expert
Expert
Používateľov profilový obrázok
Príspevky: 191
Registrovaný: 10 aug 2011, 14:19

Re: css height v percentach nefunguje

Príspevok od používateľa failExperiment »

Mala to byt percenta celej obrazovky, a position:absolute pomohlo.
Mal by som este jednu otazku, chcel by som uplne dole spravit vysuvaciu listu, ako v prilohe,
taku ktora by sa dala aj vysunut aj zasunut, njalepsie v jQuery.
Prílohy
obr.JPG
camo
Medium Expert
Medium Expert
Príspevky: 98
Registrovaný: 05 sep 2009, 14:01
Bydlisko: Lehota
Kontaktovať používateľa:

Re: css height v percentach nefunguje

Príspevok od používateľa camo »

audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: css height v percentach nefunguje

Príspevok od používateľa audiotrack »

failExperiment napísal:Mala to byt percenta celej obrazovky, a position:absolute pomohlo.
Mal by som este jednu otazku, chcel by som uplne dole spravit vysuvaciu listu, ako v prilohe,
taku ktora by sa dala aj vysunut aj zasunut, njalepsie v jQuery.
Prílohy
index.rar
(694 Bajtov) 20 stiahnutí
failExperiment
Expert
Expert
Používateľov profilový obrázok
Príspevky: 191
Registrovaný: 10 aug 2011, 14:19

Re: css height v percentach nefunguje

Príspevok od používateľa failExperiment »

@audiotrack: diki, este by sa tam hodila ta funkcia na stopnutie animacie ked postlacam tlacitko 10-krat aby to tam nesaskovalo.
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: css height v percentach nefunguje

Príspevok od používateľa audiotrack »

tak si tam popridávaj .stop()
Napísať odpoveď