Problem ze stopką
mam problem ze stopka , mianowicie taki że umieszcza się ona nie tam gdzie trzeba, a treść główna strona przechodzi przez nią i ta stopka wisi gdzieś w środku
w index.php mam zapisane tak:
w cssKod:<body> <div id="calosc"> <div id="header"> <div id="baner"> <a href="/joomla" style="border-style:none;" > <img src="templates/<?php echo $this->template?>/images/logo.png" style="width:258px; height:57px; position: absolute; top:28px; left:158px; border-style:none;" /> </a> </div> <div id="menusik"> <?php if ($this->countModules('top')): ?> <jdoc:include type="modules" name="top" style="xhtml" /> </div> <?php endif; ?> </div> <div id="promocja"> <img src="templates/<?php echo $this->template?>/images/image_05.jpg" alt="" style="width:999px; height:212px; z-index:1;" /> <img src="templates/<?php echo $this->template?>/images/kable.png" alt="" style="width:474px; height:289px; z-index:2; position:absolute; top:130px; right:89px;" /> <div id="okno"> <?php if ($this->countModules('user1')): ?> <jdoc:include type="modules" name="user1" style="xhtml" /> </div> <?php endif; ?> </div> <div id="srodek"> <?php if ($this->countModules('breadcrumb')): ?> <div id="breadcrumbs" class="clearfix"> <jdoc:include type="modules" name="breadcrumb" style="xhtml" /> </div> <?php endif; ?> <div id="main_content" class="clearfix"> <jdoc:include type="component" /> </div> </div> <div id="footer"> <?php if ($this->countModules('footer')): ?> <div id="stopa"> <jdoc:inclule type="modules" name="footer"/> </div> <?php endif; ?> </div> </div> </body>
proszę o podpowiedzi co źle robięKod:*{ margin:0px; padding:0px; } body { background: #dddddd; color: #000000; font-family: tahoma, verdana, arial; font-size: 100.0%; text-align: center; } .clearfix{ padding:7px; } #header{ background-image: url(../images/tlo.gif); background-repeat:repeat-x; height:236px; clear:both; } #baner{ height:164px; background-image: url(../images/header.jpg); background-repeat:no-repeat; background-position: center; text-align:center; } #menusik{ background-image: url(../images/image_04.jpg); background-repeat:no-repeat; background-position: center; text-align:center; height:72px; clear:both; } #promocja{ background: #c5c5c5; height:212px; text-align:center; } #okno{ background-image: url(../images/promocja.png); background-repeat:no-repeat; background-position: left; position: relative; top: -190px; left: 155px; width:486px; height:152px; clear:both; } #srodek{ background-image: url(../images/cien.png); background-repeat: no-repeat; background-position: top center; clear:both; min-height:600px; } #breadcrumbs { clear: both; width: 990px; position: relative; left: 132px; text-align: left; text-decoration: none; } #main_content { width: 990px; position: absolute; left: 132px; } #footer{ background-image: url(../images/image_07.jpg); background-repeat:repeat-x; height:146px; clear:both; } #stopa{ background-image: url(../images/footer.jpg); background-repeat:no-repeat; background-position: center; height:146px; }
Cytuj
