Trebam pomoć oko 3 DIV-a

Pozdrav!

Imam stranicu koja mora biti centralno pozicionirana i koja se sastoji od tri dijela. Nazovimo ih header, main, footer.

E sada… Potreban mi je kod koji će ljepiti footer na dno, a visinu maina prilagođavati ovisno o poziciji footera.

Nije mi problem ako ima puno sadržaja pa je browser scroolabilan i sve se to automatski zaljepi na dno. Problem je kada nema puno sadržaja pa treba popuniti prazninu od sadržaja do footera.

Naravno, sva tri DIV-a idu u container koji je pozicioniran centralno.

<html>
<div id="container">
          <div id="header"></div>
          <div id="main"></div>
          <div id="footer"></div>
</div>
</html>

To se može jedino riješiti javascriptom, ali ne preporučam takvo što. Layout stranice ne bi se trebao prilagođavati rezoluciji na taj način.

OK, kako onda to riješiti?

Zašto javascript kad postoji ovako nešto:

http://ryanfait.com/sticky-footer/

http://www.cssstickyfooter.com/

[quote=“CreatifCode”]Zašto javascript kad postoji ovako nešto:

http://ryanfait.com/sticky-footer/

http://www.cssstickyfooter.com/
[/quote]

To je ok za footer na dnu, ali ne i za visinu “maina”.

Staviš neku cool pozadinu maina da izgleda ok kad je prazan…

imaš atribut u css-u min-height …to bi trebalo funkcionirati

trebalo bi radit ono šta je napisao Creatif.
ako ne, probaj vidit ovo - jer tu je objašnjeno baš to šta ti pitaš.

http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

pa u čemu je problem, u jednoj liniji koda:

body, #container, #main { height: 100%; }

To bi ti trebalo riješiti tvoje nedoumice.

I da obavezno dodaj korektan doctype tvojoj stranici.


Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Webmaster.Ninja