A line was appeared in my android phone..I used only select menu !! Help me...
Hello, sir.
I made a sample program, It used JQuery-mobile.
It's only a menu.
It seems to good in IPad, Crom...but phone screen has some problem.
A line is exist on screen. It is located under the select menu.
what's the problem? I thick i don't have a mistake.
Look at this, It's my code.
- <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="CABIweb.index" %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html class="ui-mobile landscape min-width-320px min-width-480px min-width-768px min-width-1024px">
- <head runat="server">
- <title></title>
- <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
- <meta charset="utf-8">
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css"/>
- <script src="http://code.jquery.com/jquery-1.5.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
- <style type="text/css">
- *
- {
- padding:0% 0% 0% 0%;
- margin:0% 0% 0% 0%;
- }
- .topMenu
- {
- text-align:center;
- width:100%;
- }
- #CABIweb
- {
- text-align:center;
- }
- </style>
-
- <script type="text/ecmascript">
- $(document).ready(function () {
- $("#CABIweb").toggle(openMenu, closeMenu);
- });
- function openMenu() {
- $(".body_Content").show();
- }
- function closeMenu() {
- $(".body_Content").hide();
- }
- </script>
- </head>
- <body>
- <div data-role="page" id="page_main">
- <div data-role="header" data-position="inline" id="CABIweb">
- <h1>CABIweb</h1>
- </div>
- <div data-role="content" class="body_Content">
- <div data-role="fieldcontain" class="topMenu">
- <select name="select-choice-1" >
- <option value="standard">Area 1</option>
- <option value="rush">District 9</option>
- <option value="express">District 10</option>
- <option value="overnight">Danger area</option>
- </select>
- </div>
- <div data-role="fieldcontain" class="topMenu">
- <select name="select-choice-2">
- <option value="standard">Healing</option>
- <option value="rush">K-pop</option>
- <option value="express">Steeve wonder</option>
- <option value="overnight">Amazing grace</option>
- <option value="overnight">Hi tom hi jane nice to meet you how are you i'm fine</option>
- </select>
- </div>
- <div data-role="fieldcontain" class="topMenu">
- <select name="select-choice-2">
- <option value="standard">Olive tommato spa</option>
- <option value="rush">E-Mart</option>
- <option value="express">Home plus</option>
- <option value="overnight">Korea ref.</option>
- <option value="overnight">Crazy room</option>
- </select>
- </div>
- <div data-role="fieldcontain" class="topMenu">
- <select name="select-choice-2">
- <option value="standard">hello hello</option>
- <option value="rush">1234509876</option>
- <option value="express">oh my god</option>
- <option value="overnight">K12jJJd4</option>
- <option value="overnight">What the funking hell?</option>
- </select>
- </div>
- </div>
- </div>
- </body>
- </html>
Any problems weren't exist in IPad and computer screen. It's only exist a phone screen. I means a line.
please help me.
why is it exist???