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
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
Post a Comment