|
Hinnavaatlus
:: Foorum
:: Uudised
:: Ärifoorumid
:: HV F1 ennustusvõistlus
:: Pangalink
:: Telekavad
:: HV toote otsing
|
|
| autor |
|
ener
HV vaatleja
liitunud: 28.12.2010
|
19.01.2011 14:21:50
CSS content |
|
|
tere. Selline mure on, et kuidas saada nii, et content oleks 100% headerist footerini. Footer on lehekülje põhjas. Ma ei tea, kas nii on õigesti, kui ma ei pane contentile tausta ega suurust, ja contenti taustaks läheb sis containeri taust. Või saab ka lihtsalt määrata nii, et content ongi lehekülje suurune( headeri footer vahel) olenemata sisu mahust, mida content sisaldab.
@CHARSET "UTF-8";
*{padding:0; margin:0;}
html,body{
height:100%;
}
#container{
width: 1024px;
position:relative;
background-color:#cce;
margin: 0 auto;
min-height:100%;
}
#header{
width: 1024px;
height:100px;
background-color: #CCC;
}
#content{
width: 1024px;
background-color: #cje;
padding-bottom:100px;
}
#footer{
width: 1024px;
height: 100px;
position:absolute;
bottom:0;
background-color: #ced;
} |
|
|
| tagasi üles |
|
 |
Firefly
HV Guru
liitunud: 26.02.2004
|
|
19.01.2011 14:26:38
|
|
|
| Internet on õpetus täis: link
|
|
| Kommentaarid: 151 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
1 :: |
141 |
|
| tagasi üles |
|
|
ener
HV vaatleja
liitunud: 28.12.2010
|
|
19.01.2011 19:24:24
|
|
|
footeri saan ma paika, et ta asetseks lehekülje lõpus, kuid probleem on selles, et content (kui sisu on nt tühi või ainult üks sõna), siis kas teda ei ole näha või kui on näha siis on ta samapikalt kui sisu seal sees. Aga ma üritan nii, et ta oleks 100% ülevalt alla välja headeri ja footeri vahel, olenemata sisu pikkusest. Äkki keegi vaataks koodi ja oskab öelda, mis valesti on.
Ma olen netist uurind küll ja küll, aga ma ei saa aru mis mul valesti on.
|
|
| tagasi üles |
|
|
raku16
HV kasutaja
liitunud: 08.06.2009
|
|
19.01.2011 21:41:09
|
|
|
| äkki lisad contetile ka "HEIGHT" väärtuse?
|
|
| Kommentaarid: 18 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
18 |
|
| tagasi üles |
|
|
ener
HV vaatleja
liitunud: 28.12.2010
|
|
19.01.2011 22:05:14
|
|
|
Aitäh, see tegi küll natuke asja paremaks, kuid midagi on siiski jama.
http://web.zone.ee/rnx/
Siin on siis nii, et punane on header, kollane on content ja roheline footer. Aga miski pärast läheb content footerist alla poole edasi.
@CHARSET "UTF-8";
*{padding:0; margin:0;}
html,body{
height:100%;
}
#container{
width: 1024px;
position:relative;
background-color:black;
margin: 0 auto;
min-height:100%;
}
#header{
width: 1024px;
height:100px;
background-color: red;
}
#content{
width: 1024px;
background-color: yellow;
position:absolute;
height:100%;
}
#footer{
width: 1024px;
height: 100px;
position:absolute;
bottom:0;
background-color: green;
} |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>leht</title>
<link rel="stylesheet" href="style1.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="content">
</div>
<div id="footer">
</div>
</div>
</body>
</html> |
viimati muutis ener 19.01.2011 22:11:01, muudetud 1 kord |
|
| tagasi üles |
|
|
von Wu
HV Guru
liitunud: 12.10.2007
|
|
19.01.2011 22:13:14
|
|
|
Aga kui paned sisule natuke väiksema kõrguse kui 100%? Jalus peab ju kuhugi mahtuma.
Võimalik, et aitab ka jaluse asukoha järele !important kirjutamisest. Ise olen nii paika saanud mõne asja, mis muidu kipub ära liikuma.
_________________
Müüa OnePlus 13 telefon
Müüa igasugu asju |
|
| Kommentaarid: 888 loe/lisa |
Kasutajad arvavad: |
|
:: |
1 :: |
0 :: |
668 |
|
| tagasi üles |
|
|
raku16
HV kasutaja
liitunud: 08.06.2009
|
|
19.01.2011 22:20:28
|
|
|
jään vastuse võlgu, pole kaua css teinud
võid proovida "height"id defineerida px mitte %, ja positionitega mängida
|
|
| Kommentaarid: 18 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
18 |
|
| tagasi üles |
|
|
MONGO
HV kasutaja
liitunud: 17.03.2008
|
|
19.01.2011 22:24:57
|
|
|
| Hmm, sellise asja puhul tee container kollaseks ja content läbipaistvaks, height kasuta nagu enne, peaks iseenesest töötama
|
|
| Kommentaarid: 26 loe/lisa |
Kasutajad arvavad: |
|
:: |
2 :: |
0 :: |
21 |
|
| tagasi üles |
|
|
ener
HV vaatleja
liitunud: 28.12.2010
|
|
19.01.2011 22:29:17
|
|
|
| Jah, nii töötab küll ja nii sain juba varem, et content on läbipaistev, kuid arvasin, et nii pole see värk õige.
|
|
| tagasi üles |
|
|
MONGO
HV kasutaja
liitunud: 17.03.2008
|
|
19.01.2011 22:36:18
|
|
|
Sessuhtes mina olen alati olnud arvamusel, et mis korralikult töötab on õigesti. 
Kuid ma ei tea muidugi, võibolla targematel on mingi hea põhjus miks mitte nii teha
|
|
| Kommentaarid: 26 loe/lisa |
Kasutajad arvavad: |
|
:: |
2 :: |
0 :: |
21 |
|
| tagasi üles |
|
|
ener
HV vaatleja
liitunud: 28.12.2010
|
|
20.01.2011 13:20:45
|
|
|
| Kui näiteks header ja footer peaksid olema 100% width ja ütleme, et container siis nt 800px width. Kas mul on võimalik nii ka teha, et header ja footer on containeri sees (divides) või pean eraldi tegema.
|
|
| tagasi üles |
|
|
Havelock
HV vaatleja
liitunud: 21.02.2010
|
|
07.02.2011 01:45:27
|
|
|
See foorum pole kooliülesannete lahenduste küsimiseks! ata ata paha poiss oled 
|
|
| tagasi üles |
|
|
keevitaja
AM 10 aastat
liitunud: 05.11.2001
|
|
07.02.2011 02:00:37
|
|
|
miks kooli ülesanne? olen ka ise sellega pead murdnud. kool ammu unustatud 
aga sellist full heighti vist on kõige mõttekam lahendada jquery või mõne muu javascripti frameworkiga!
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks! |
|
| Kommentaarid: 51 loe/lisa |
Kasutajad arvavad: |
|
:: |
1 :: |
3 :: |
40 |
|
| tagasi üles |
|
|
|
:: KKK
:: otsing 
:: statistika
:: kasutajate nimekiri
:: kasutajate grupid
:: registreeri
teata moderaatorile
