Ridimensionare la searchbar a seconda della dimensione della finestra

[installer19]

Ciao,

grazie a te per l'accoglienza e grazie per il suggerimento su come postare il codice.

La searchbar è di fatto una tabella e il codice è questo che ti incollo:

<div class="vm_search_inline" style="height: 200px;">            <div class="VM_search_rent">
            <!--div><?php echo _VEHICLE_MANAGER_LABEL_BUTTON_RENT; ?>:</div-->
              <div class="box_from">
                  <!--span class="col_01"><?php echo _VEHICLE_MANAGER_LABEL_AVAILABLE_FOR_RENT_FROM; ?></span-->
                  <style> 
            input[type=submit] {
            border-radius: 0px 30px 30px 0px;
            -webkit-appearance:none;                                                               
            }
        </style>
                  
                <table>
                      <tr>
                          <td><input style="border-radius: 30px 0px 0px 30px; width:100%; " type="text" name="searchtext" size="300" maxlength="300" placeholder="<?php echo _VEHICLE_MANAGER_SEARCH_DESC1; ?>"/></td>
                          <td><input style="border-radius: 0px 0px 0px 0px; width:100%; " type="text" id="vm_search_date_from_mod" name="search_date_from1" placeholder="<?php echo _VEHICLE_MANAGER_LABEL_AVAILABLE_FOR_RENT_FROM; ?>"></td>                          
                          <td><input style="border-radius: 0px 0px 0px 0px; width:100%; " type="text" id="vm_search_date_until_mod" name="search_date_until1" placeholder="<?php echo _VEHICLE_MANAGER_LABEL_AVAILABLE_FOR_RENT_UNTIL; ?>"></td>                                          
                         <td> 
                         <input type="submit" value="<?php echo _VEHICLE_MANAGER_LABEL_SEARCH_BUTTON; ?>" class="button"></input>
                         </td>
                         </tr>
                   </table>
                   <input type="hidden" name="option" value="com_vehiclemanager"/>
                    <input type="hidden" name="task" value="search_vehicle"/>
                    <input type="hidden" name="Itemid" value="<?php echo $ItemId ?>"/>               </div>

I codici delle classi sono in un file css e sono:

.VM_search_rent .input-medium,
.VM_search_rent .input-medium {  width: 109px;
}
.vm_search_inline {
  display: inline-block;
  margin: 0 20px 10px 0;
  vertical-align: top;
}
.vehiclemanager_mod_search .VM_search_rent .box_from,
.vehiclemanager_mod_search .VM_search_category {
  clear: both;
}
.vehiclemanager_mod_search .VM_search_rent span,
.vehiclemanager_mod_search .VM_search_category span {
  float: left;
  margin-right: 5px;
  line-height: 2; }

Alla fine di quest'ultimo file ho messo anche le due istruzioni @media del post precedente però comunque non funziona.

Come posso procedere?
Fammi sapere se hai bisogno di altro.

Grazie mille