Hi All, I am wanting a button to appear in a browse and to have it be the same width as the page. I can do this in a regular html\jquery page (example html is below) . In my NT browse though it is not the same width, its only as big as the text I have attached to it. My browse only has 1 column... I have attached a screen shot of how it looks in NT and how I want it to look.
How can I make it look this way?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="user-scaleable=no, initial-scale=1, minimum-scale=1, maximum-scale=1, width=device-width, height=device-height"
<title>jQuery Mobile Web App</title>
<link href="jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/>
<link href="jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css"/>
<script src="jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="jquery.mobile-1.0.min.js" type="text/javascript"></script>
</head>
<body>
<div data-role="page" id="page">
<div data-role="header">
<h1>Page One</h1>
</div>
<div data-role="content">
<button data-icon="star" data-iconpos="left">Button</button>
</div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</body>
</html>
[attachment deleted by admin]
Topic: Mobile button sizing - how to make it wider (Read 2613 times)