Height dažiem elementiem

[nemakuphp]

Ir izveidots floating footer pēc netā atrastas pamācības.

 

Viss ir ok, bet ir nepieciešams elementam #content iekš #container piešķirt height, lai tas aizpilda visu brīvo laukumu līdz #footer.

 

HTML

<div id="container">
<!-- te vel kadi elementu -!>
<div id="content">

</div>
</div>
<div id="footer">

</div>

 

CSS

#container{
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -104px;
}
#content{
min-height: 100%;
height: auto !important;
height: 100%;
width: 1000px;
margin: 0 auto;
}
#footer{
width: 1000px;
height: 104px;
background: #292929;
margin: 0 auto;
}

 

Pēc manām domām, #content itkā vajadzētu izplesties, bet tas nenotiek

 

Ceru, ka spēsiet palīdzēt

[2easy]

html, body arī vajag height: 100%

[nemakuphp]

Tiem ir abiem 100%

[2easy]

min-height nestrādā, ja kādam parentam jau ir min-height

[vitao.web]

Vel varetu izmeginat:

 

height: auto;

[nemakuphp]

Kā tad man būtu jāveido mans CSS? Jo ja #container noņemu min-height, tad viņš vairāk neizstiepjas un līdz ar to pazūd tas floating footer.

[2easy]

ar height: 100%

[nemakuphp]

Kuram elementam tieši? Jo vai tad viņš stiepsies, ja būs dots height 100%?

[2easy]

jā. vnk tev šobrīd ir height: auto, jo !important ir lielāka prioritāte

min-height lieto tikai pašam visiekšējākajam blokam, lai tad, kad lapa ir augstāka par ekrāna augstumu, lai pat tad tā noietu līdz apakšai

[nemakuphp]

Paldies, laikam viss sanāca ;)

 

Varat slēgt

[2easy]

"laikam" :D:D:D

tas bija ļoti pārliecinoši :P

[nemakuphp]

:D Reāli viss notiek, neesmu vienīgi pārbaudījis kā ar stiepšanos ;)