[CSS][HTML]Problem ze sticky footer

[CSS][HTML]Problem ze sticky footer

Age1869 Zobacz profil	8.08.2011, 00:12:48 Post #1
Grupa: Zarejestrowani Postów: 118 Pomógł: 6 Dołączył: 25.10.2010 Skąd: Radzyn Podlaski Ostrzeżenie: (0%)	Witam, potrzebuję zrobić stopkę, która będzie zawsze na dole, jak będzie mało treści. A jak będzie dużo treści, trzeba żeby była widoczna dopiero po przewinięciu na dół. Zatem szukałem sticky footer w googlach i znalazłem np: http://css-tricks.com/snippets/css/sticky-footer/ Dodałem to do swojej strony: http://www.iterly.com/joomla i nie działa... (można zobaczyć w produkty). Jeżeli chodzi o CSS to go po prostu wkleiłem, pozmieniałem tylko wysokości na odpowiednie. No i divy pododawałem oczywiście, dokładnie tak, jak każą na tej stronie... Pomożecie? Wrzucę tutaj pusty index.php bez contentu joomli: [HTML] pobierz, plaintext <?php defined('_JEXEC') or die;?> <!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" > <head> <jdoc:include type="head" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/iterly/css/template.css" type="text/css" /> <link href="favicon.ico" rel="shortcut icon"> </head> <body> <center><div id="wrap"><div id="main" class="clearfix"> <div id="wysun_mnie"><jdoc:include type="modules" name="wysuwane" style="xhtml" /></div> <div id="logowanie"><center><h3 id="logrej">Logowanie&nbsp&nbsp&nbsp Rejestracja</h3></center><jdoc:include type="modules" name="logowanie" style="xhtml" /></div> <div id="calosc"> <div id="header"><img src="templates/iterly/images/logo.png" /></div> <div id="menu"><jdoc:include type="modules" name="menu" style="xhtml" /></div> <div id="tekst"><jdoc:include type="component" style="xhtml" /></div> </div><div class="push"></div></div></div> <div id="footer"><center><div id="footi"><div id="footr"><a href=""><img src="templates/iterly/images/fejs.png"></a><a href=""><img src="templates/iterly/images/twit.png"></a><a href=""><img src="templates/iterly/images/iti.png"></a></div></div></div> </center> </body> </html> [HTML] pobierz, plaintext i kawałek CSSa, który miał odpowiadać za sticky footer: [HTML] pobierz, plaintext #footer { height: 188px; width: 100%; background: url('../images/stopka.png') repeat-x center top; position: relative; margin-top: -188px; /* negative value of footer height / height: 188px; clear:both; } { margin:0; padding:0; } html, body, #wrap { height: 100%; } body > #wrap {height: auto; min-height: 100%;} #main { padding-bottom: 188px; } /* must be same height as the footer / / CLEAR FIX/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} / Hides from IE-mac \/ html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ [HTML] pobierz, plaintext Czekam na odpowiedź i z góry dzięki za pomoc