nicht angemeldet
Hallo,
ich hoffe ihr könnt mir mit meiner jQuery mobile spezifischen Frage weiterhelfen.
Es geht darum, dass (für mich) komischerweise verschiedene Längen von input-Feldern und buttons verwendet werden.
Ich poste mal einen Code, damit es anschaulich wird, was ich meine:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>TITEL</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>
</head>
<body>
<div data-role="page" id="search">
<div data-role="header">
</div>
<div data-role="content">
<div data-role="fieldcontain">
<input type="text" name="text" id="text" class="search"/>
<a data-role="button">button</a>
</div>
</div>
<div data-role="footer">
</div>
</div>
</div>
</body>
Wenn das Fenster relativ schmal ist, so sind beide Längen gleich. Wird er länger, ist der Button auf einmal länger.
Ich könnte mir vorstellen, dass es an dem (fehlenden) label des inputs liegt, leider weiss ich nicht, was ich dagegen machen soll.
Wäre super, wenn ihr mir helfen könnt.