NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Diskuze: posouvání patičky

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
studnicka.ji
Člen
Avatar
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;
}
 
Odpovědět
27.4.2014 20:17
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Michal Žůrek - misaz:27.4.2014 20:18

nevím co přesně potřebuješ, nechce se mi to zkoumat, ale možná hledáš jen něco jako.

position: fixed;
bottom: 0;
 
Nahoru Odpovědět
27.4.2014 20:18
Avatar
Michal Maršálek
Tvůrce
Avatar
Odpovídá na studnicka.ji
Michal Maršálek:27.4.2014 20:52

http://weblog.plavacek.net/2005-02.html#…

 
Nahoru Odpovědět
27.4.2014 20:52
Avatar
studnicka.ji
Člen
Avatar
studnicka.ji:28.4.2014 19:58

j tak dík problém vyřešen i když mi přopadá divné že relativní pozice může odstrkovat absolutní

 
Nahoru Odpovědět
28.4.2014 19:58
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.