html - place footer at the bottom of the page -

-

i want place footer @ bottom of page. contained inside div. problem if use fixed positioning, footer sticks @ bottom not disappear if scroll page. if use absolute or relative positioning footer shows @ middle of page.

i want stay @ bottom should not sticky i.e when scroll up, footer must disappear. must shows when scroll down bottom , reached end of page.

ps: page contains iframe.

html

<!doctype html> <html lang="en">     <head>         <title>help</title>         <meta charset="utf-8">         <link rel="stylesheet" href="style.css">     </head>     <body>         <div id="header">             <img id="logo" src="images/logo.png" alt="logo">         </div>         <div id="menu">             <ul>                 <li><a href="about.html" target="content">about</a></li>                 <li><a href="support.html" target="content">support</a></li><br>                 <li>student operation                     <ul>                         <li><a href="logging_in.html" target="content">logging in</a></li>                         <li><a href="creating_enquiry.html" target="content">creating enquiry</a></li>                         <li><a href="issuing_prospectus.html" target="content">issuing prospectus</a></li>                         <li><a href="making_admission.html" target="content">making admission</a></li>                         <li><a href="collecting_fees.html" target="content">collecting fees</a></li>                         <li><a href="issuing_kit.html" target="content">issuing kit</a></li>                     </ul>                 </li><br>                 <li>                     batch operation                     <ul>                         <li><a href="creating_batch.html" target="content">creating batch</a></li>                         <li>marking attendance</li>                         <li>transferring batch</li>                     </ul>                 </li><br>                 <li>                     resource operation                     <ul>                         <li>center resource allocation</li>                         <li>student resource allocation</li>                     </ul>                 </li><br>                 <li>                     course operation                     <ul>                         <li>course type</li>                         <li>course list</li>                         <li>course module</li>                         <li>course price list</li>                         <li>distance university list</li>                     </ul>                 </li><br>                 <li>                     inventory operation                     <ul>                         <li>kit management</li>                         <li>item category</li>                         <li>item stock</li>                         <li>item purchase</li>                     </ul>                 </li><br>                 <li>                     admin operation                     <ul>                         <li>kit validation</li>                         <li>users & groups</li>                         <li>employee management</li>                     </ul>                 </li>             </ul>         </div>         <div id="frame">             <iframe id="content" name="content"></iframe>         </div>         <div id="footer">             <p>footer text</p>         </div>     </body> </html>

css

body {     margin: 0;     padding: 0;     font-family: sans-serif;     font-size: 80%; }  #header {     background-color: #f8651c;     padding-bottom: 5%;     margin: 0;     border: 0; }  #logo {     position: relative;     left: 20px;     top: 20px; }  #menu {     width: 25%;     float: left;     border-right: 2px solid #a2a2a2;     margin: 0;     padding: 0; }  #content {     position: absolute;     height: 93%;     width: 74%;     padding: 0;     margin: 0;     border: 0; }  #footer{     position: fixed;     left: 0;     bottom:0;     background-color:#000;     width:100%;     height: 10px;  }

like this

demo

css

#footer{     position: relative;     left: 0;     bottom:0;     background-color:#000;     width:100%;     bottom:0;     padding:5px 0; } .clearfix{     clear:both; } #footer p{     color:white; }

Comments

Post a Comment

Popular posts from this blog

java - Run a .jar on Heroku -

-
i trying run .jar file on heroku, , can't find instructions anywhere on how this. have read wants me compile uploading heroku. possible, , if is, how this? if helps, trying run minecraft craftbukkit server, , don't have pom.xml file yet. you didn't provide details i'll try give , people reaches question way it. first of all, create heroku account , create heroku application (assumed have done that). second, need generate application jar , upload heroku. so, open terminal , install heroku cli (assuming unix terminal): $ sudo npm install -g heroku-cli you need have npm , nodejs installed, can check link: https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-ubuntu-16-04 once done that, can use npm update node version acceptable heroku-cli: $ sudo npm install -g n $ sudo n 7.10.0 and run: $ sudo npm install -g heroku-cli in order deploy jars, need install deploy plugin: $ sudo heroku plugins:install heroku-cli-deploy ...
Read more

java - Jtable duplicate Rows -

-
Image
when add new rows in jtable duplicate rows many times this method update jtable public final void tableaucomande(){ ((defaulttablemodel)tabcommande.getmodel()).getdatavector().clear(); session s=hibernateutil.getsessionfactory().opensession(); criteria cr1= s.createcriteria(commande.class); list <commande> lcs=cr1.list() ; criteria cr2= s.createcriteria(lignecommande.class); list <lignecommande> lck=cr2.list() ; if(lcs.size()!=0 && lck.size()!=0) { (commande lc:lcs) { for(lignecommande lig:lck){ ((defaulttablemodel)tabcommande.getmodel()).addrow(new object[]{ lc.getid_cmd(),lc.getnumcmd(),lc.getdate_cmd(),lc.getclient().getnomprenom(), lig.getproduit().getlib_prd(),lig.getquantite(),lig.getproduit().getid_prd() }); } } // tabcommande.setrowselectioninterval(tabcommande.getrowcount()-1,tabcommande.getrowcount()-1); } } this code add add data rows displaye...
Read more

validation - How to pass paramaters like unix into windows batch file -

-
i need pass various parameters .cmd file unix format file.cmd -configuration=value -source=value -flag but, try this: startlocal @echo off cls setlocal set cmdline=%* set configuration= set source= set badargs= set validation= goto main :splitargs echo splitargs(%*) if "%*" neq "" ( /f "tokens=1,2,* delims== " %%i in ("%*") call :assignkeyvalue %%i %%j & call :splitargs %%k ) goto :eof :assignkeyvalue echo assignkeyvalue(%1, %2) if /i %1==-configuration ( set configuration=%2 ) else if /i %1==-source ( set source=%2 ) else ( rem append unrecognised [key,value] badargs echo unknown key %1 set badargs=%badargs%[%1, %2] ) goto :eof :validate echo validating set validation=fail if defined configuration ( echo -configuration ok if defined source ( echo -source ok if not defined badargs ( set validation=success ) ) ) goto :eof :main cl...
Read more