テーブルの行に物を並べるのに問題があります。1 つのテキスト ボックスと 1 つのボタンで構成されるハイパーリンクとインライン フォームがあります。問題は、ボタンがテキスト ボックスに揃えられるのではなく、次の行に移動することです。Chromeで問題が発生しますが、IE10では問題なく動作します
cssにはtwitterのブートストラップを使用しています。この jsfiddle は問題を示しています: http://jsfiddle.net/Tq9Qm/
手伝って頂けますか ？
jsfiddle のコード:
<table class="view-header">
<tbody>
<tr>
<td> <span>Edition du mandat </span>
</td>
<td>
<div class="pull-right"> <a style="float: left;">
<span class="pointer">more options</span>
</a>
<form class="form-inline" placeholder="N° de contrat, nom/numéro de client">
<input class="input-xxlarge ng-dirty" type="text" placeholder="N° de contrat, nom/numéro de client" ng-model="model" />
<button disabled="disabled" class="btn btn-info" type="submit" ng-click="searchMethod()" ng-disabled=" ! canSearch()"><i class="icon-search"></i> Rechercher</button>
</form>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="pull-right">
<!-- uiIf: filterVisible -->
</div>
</td>
</tr>
</tbody>