css3 - Phonegap Windows Phone gap space bottom -


i developp phonegap , have got problem style.

i want place footer @ bottom.

here index.html

<!doctype html>     <html> <head>     <meta http-equiv="content-type" content="text/html; charset=utf-8" />     <meta name="format-detection" content="telephone=no" />     <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />     <link rel="stylesheet" type="text/css" href="css/index.css" />     <title>hello world</title>     <script type="text/javascript" src="cordova-2.6.0.js"></script>     <script type="text/javascript" src="js/index.js"></script> </head> <body id="page">             <div id="bottom">         <p>bonjour</p>     </div> </body> </html> 

this css

#bottom { position:fixed; width: 100%; bottom: 0px; background-color: #f00; } body { min-height: 533px; height : 100%; padding: 0; margin: 0; } 

and i've got this

result on phone

how can solve this, or meet same problem?

thanks !

check styles, make sure there aren't other styles being automatically added. 1 thing check in particular style <p> try setting margin , padding both 0.


Comments

Popular posts from this blog

php - Why I am getting the Error "Commands out of sync; you can't run this command now" -

linux - Does gcc have any options to add version info in ELF binary file? -

java - Are there any classes that implement javax.persistence.Parameter<T>? -