Diskuze: posouvání patičky

studnicka.ji

Člen

studnicka.ji:27.4.2014 20:17

Zdravím, mám takový dotaz dělám stránku a potřeboval bych aby patička byla na jednom místě a pokud bude text obsahu vetší tak aby se podle toho šoupla viz obrázek. Jinak nwm jak to udělat jestli jenom CSS nebo nějak přes JS, který moc neumím ??

index

<div id="centrovac">
    <header>

        <div id="logo">
         <a href="index.php?stranka=uvod"><img src="obrazky/logo.png" title="SDH Hradište" alt="SDH Hradište"/></a>
        </div>

        <nav>
           <ul>
               <div id="menu"><li>MENU</li></div>
               <div id="menuv">
               <li><a href="index.php?stranka=uvod">Úvod</a></li>
               <li><a href="index.php?stranka=kontakty">Kontakty</a></li>
               <li><a href="index.php?stranka=vybor">Výbor</a></li>
               <li><a href="index.php?stranka=vyjezdovka">Výjezdová jednotka</a></li>
               <li><a href="index.php?stranka=cleni">Dospělí</a>
                  <ul>
                   <li><a href="index.php?stranka=cleni">Členi</a></li>
                   <li><a href="index.php?stranka=vedouci_instruktori">Vedoucí a instruktoři</a></li>
                   <li><a href="index.php?stranka=rozhodci">Rozhodčí</a></li>
                  </ul>
              </li>
               <li><a href="index.php?stranka=starsi_zaci">Mládež</a>
                  <ul>
                    <li><a href="index.php?stranka=starsi_zaci">Starší žáci</a></li>
                    <li><a href="index.php?stranka=mladsi_zaci">Mladší žáci</a></li>
                  </ul>
               </li>
               <li><a href="index.php?stranka=historie">Historie</a></li>
               <li><a href="index.php?stranka=akce">Akce</a></li>
               <li><a href="index.php?stranka=souteze">Termíny soutěží</a></li>
               <li><a href="index.php?stranka=treninky">Tréninky</a></li>
               <li><a href="index.php?stranka=dokumenty">Dokumenty</a></li>
               <li><a href="index.php?stranka=2014_fotogalerie">Fotogalerie</a>
                  <ul>
                  <li><a href="index.php?stranka=2014_fotogalerie">2014</a></li>
                  <li><a href="index.php?stranka=2013_fotogalerie">2013</a></li>
                  </ul>
               </li>
               <li><a href="index.php?stranka=2014_videa">Videa</a>
                  <ul>
                   <li><a href="index.php?stranka=2014_videa">2014</a></li>
                   <li><a href="index.php?stranka=2013_videa">2013</a></li>
                   <li><a href="index.php?stranka=2012_videa">2012</a></li>
                  </ul>
              </li>
               </div>
           </ul>

        </nav>
    </header>

    <div id="time">
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5031-blue.swf";obj.TimeZone="CzechRepublic_Prague";obj.width=100;obj.height=50;obj.wmode="transparent";showClock(obj);</script>
    </div>


   <div id="levy_panel">
      <a href="http://www.firesport.eu/" title="Vše o hasičskéch sportu"><img src="http://www.firesport.eu/image/firesport20.gif" height="17" border="0" alt="www.firesport.eu" ></a>
      <br><br>
      <a href="http://www.pozary.cz" title="Žhavé zprávy"><img src="obrazky/pozary.png" height="30" border="0" alt="wwww.pozary.cz"></a>
      <br><br>
      <a href="http://www.youtube.com/user/sdhhradiste/videos" title="Videa z našich akcí"><img src="obrazky/youtube.png" height="30" border="0" alt="http://www.youtube.com/user/sdhhradiste/videos?flow=grid&view=0"></a>
      <br><br>
      <a href="http://www.toplist.cz/" target="_top"><img src="http://toplist.cz/count.asp?id=1616707&logo=mc" border="0" alt="TOPlist" width="88" height="60"/></a>
   </div>
   <article>
        <section>
         <!--<h1>SDH Plzeň-Hradistě</h1>--->
         <!--zpracování menu-->

            <?php
         if(isset($_GET["stranka"]))
            $stranka= $_GET["stranka"];
        else
            $stranka="uvod";
        if(preg_match('/^[a-z-A-Z-0-9-_]+$/', $stranka))
        {
            $obsah=  include ('podstranky/' . $stranka . '.php');
            if(!$obsah)
                echo("Stránka nebyla nalezena");

        }
        else
            echo("Neplatný parametr");

        ?>
           <h1>Testování</h1>
         <p>I 1. Post emensos insuperabilis expeditionis eventus languentibus partium animis, quas periculorum varietas fregerat et laborum, nondum tubarum cessante clangore vel milite locato per stationes hibernas, fortunae saevientis procellae tempestates alias rebus infudere communibus per multa illa et dira facinora Caesaris Galli, qui ex squalore imo miseriarum in aetatis adultae primitiis ad principale culmen insperato saltu provectus ultra terminos potestatis delatae procurrens asperitate nimia cuncta foedabat. propinquitate enim regiae stirpis gentilitateque etiam tum Constantini nominis efferebatur in fastus, si plus valuisset, ausurus hostilia in auctorem suae felicitatis, ut videbatur. 2. Cuius acerbitati uxor grave accesserat incentivum, germanitate Augusti turgida supra modum, quam Hannibaliano regi fratris filio antehac Constantinus iunxerat pater, Megaera quaedam mortalis, inflammatrix saevientis adsidua, humani cruoris avida nihil mitius quam maritus; qui paulatim eruditiores facti processu temporis ad nocendum per clandestinos versutosque rumigerulos conpertis leviter addere quaedam male suetos falsa et placentia sibi discentes, adfectati regni vel artium nefandarum calumnias insontibus adfligebant. 3. eminuit autem inter humilia supergressa iam impotentia fines mediocrium delictorum nefanda Clematii cuiusdam Alexandrini nobilis mors repentina; cuius socrus cum misceri sibi generum, flagrans eius amore, non impetraret, ut ferebatur, per palatii pseudothyrum introducta, oblato pretioso reginae monili id adsecuta est, ut ad Honoratum tum comitem orientis formula missa letali omnino scelere nullo contactus idem Clematius nec hiscere nec loqui permissus occideretur. 4. Post hoc impie perpetratum quod in aliis quoque iam timebatur, tamquam licentia crudelitati indulta per suspicionum nebulas aestimati quidam noxii damnabantur. quorum pars necati, alii puniti bonorum multatione actique laribus suis extorres nullo sibi relicto praeter querelas et lacrimas, stipe conlaticia victitabant, et civili iustoque imperio ad voluntatem converso cruentam, claudebantur opulentae domus et clarae. 5. nec vox accusatoris ulla licet </p>



        </section>

   </article>
      <footer>
          <hr>
        SDH Hradiště-Plzeň &amp; Copyright &copy; 2014
      </footer>

  </div>

css

/*ROZLOZENI a CENROVAC*/

#centrovac{
width: 950px;
margin: 20px auto;
position: relative;
}

body{
background-color: #4F4D4D;
}

article{
position: absolute;
width: 775px;
left: 159px;
top: 150px;
/*border: 1px solid white; */
}


#levy_panel{
width: 148px;
text-align: center;
position: relative;
top: 700px;

}

#time{
position: absolute;
top: 90px;
left: 825px;
width: 40px;
height: 15px;
}

footer{
position: relative;
top: 700px;
width: 100%;
height: 30px;
text-align: center;
margin-top: 5px;
}