footer ar css

[iespaids]

Lapaa ir izveidota header dalja un galvenaa dalja, kuraa ir teksts. Vajag izveidot veel footer dalju.

Ja lapaa teksts ir maz, footeram jaabuut taapat pie browsera loga apakshas.

Ja teksts ir vairaak kaa redzams ekraanaa footerim jaabuut aiz teksta.

Kaa to panaakt?

 

Ieprieksh paldies :)

[[Ya]]

vieglāk būtu uztaisīt

 

<style type='text/css'>
html,body {
  height:100%;
}
</style>

[iespaids]

Taads jau man ir.

Un tajaa ir <div class="header">...

<div class="main">...

<div class="footer"> veelos uztaisiit.

Main augstums ir auto, jo ir atkariigs no teksta. Bet ja teksts ir maz footer blokam jaabuut taapat pie apakshas.

[[Ya]]

ja tev body un HTML augstums ir 100% tad footer vareetu buut tabulas cells kas atrodas pašā apakšā .... tb ar to CSS tu izstiep lapu ekrāna garumā, ja lapa ir mazāka par ekrānu .. līdz ar to footerim jābūt pie apakšējās malas ...

[iespaids]

Es <table> neizmantoju.

Kaa <div> novietot pashaa apakshaa? Ar position: absolute var, bet tad kad teksts ir vairaak kaa lapas logs, man footers paariet paari, bet man vajag lai vinjsh buutu aiz teksta.

Kaut kaa ar position relative gribu to panaakt.

[[Ya]]

heh tad tev ir jāraksta Javascripts kas izmēra cik gara ir lapa, un tad pieliek beigās to DIV .... un kapēc gan Table neizmanto ?

[iespaids]

Neizmantoju, jo pildu citu prasiibas :)

[php_Stopp]

citu prasības ? un šie citi aizliedz tev lietot kādus īpašus tagus (šai gadījumā table) ? :P šaubos ;)

[AndzX8-842]

#header {
height:20%;
}
#vidus {
......
}
#vidus_stiepējs {
height:80%;
......
}
#footer {
height:20%;
}

 

<div id="header"></div>

<div id="vidus_stiepējs">
<div id="vidus"></div>
</div>

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

Viduss stiepējs aizspiedīs footer līdz lejai. Atliek tikai pareizas krāsas salikt, lai neredz, ka tāds tiek renderēts web pārlūkā. Lieta darīta.

[iespaids]

Liels Paldies AndzX8-842! :)) Shis dereeja :)