Controls are not wraping on resizing IE.
-
Hi, I have few controls in table. When I resize the IE these controls are not wrapping.i.e. they will be in single line when I make the IE smaller. Any idea?
Name
DS MnemonicName
DS MnemonicName
DS MnemonicName
DS Mnemonic>Can you show the code for your table and are you using CSS. John
-
Can you show the code for your table and are you using CSS. John
I have posted the code earlier. Somehow it hasn't there completely. Please find below.
<table id="FilterBar" border="0">
<tr>
<td><select name="_ctl26" id="ddlField" class="control">
<option selected="selected" value="entity_name">Name</option>
<option value="DS_mnem">DS Mnemonic</option>
</select></td><td><span class='controlNameSeparator'></span></td><td><select name="_ctl27" id="ddlCriteria" class="control">
<option value="Contains">Contains</option>
<option value="Equals">Equals</option>
<option value="StartsWith">Starts With</option>
<option value="DoesNotContain">Does Not Contain</option>
</select></td><td><span class='controlNameSeparator'></span></td><td><input name="_ctl28" type="text" id="txtSearchValue" class="border" maxlength="75" onkeydown="return event.keyCode==13?OnExplorerSearchClick():true" /></td><td><span class='controlNameSeparator'></span></td><td><span class="controlLabel">Currency Equals</span></td><td><span class='controlNameSeparator'></span></td><td id="cell1"><select name="_ctl30" id="Currency" style="Z-INDEX:100;" class="controlLabel">
<option value="All">All</option>
<option value="Euro">Euro</option>
<option value="United States Dollar">United States Dollar</option>
</select></td><td><span class='controlNameSeparator'></span></td><td><span class="controlLabel">IBES Equals</span></td><td><span class='controlNameSeparator'></span></td><td id="cell2"><select name="_ctl32" id="IBES" style="Z-INDEX:100;" class="controlLabel">
<option value="All">All</option>
<option value="No">No</option>
<option value="Yes">Yes</option>
</select></td><td><span class='controlNameSeparator'></span></td><td><span class="controlLabel">MSCI Equals</span></td><td><span class='controlNameSeparator'></span></td><td id="cell3"><select name="_ctl34" id="MSCI" style="Z-INDEX:100;" class="controlLabel">
<option value="All">All</option>
<option value="No">No</option>
<o -
I have posted the code earlier. Somehow it hasn't there completely. Please find below.
<table id="FilterBar" border="0">
<tr>
<td><select name="_ctl26" id="ddlField" class="control">
<option selected="selected" value="entity_name">Name</option>
<option value="DS_mnem">DS Mnemonic</option>
</select></td><td><span class='controlNameSeparator'></span></td><td><select name="_ctl27" id="ddlCriteria" class="control">
<option value="Contains">Contains</option>
<option value="Equals">Equals</option>
<option value="StartsWith">Starts With</option>
<option value="DoesNotContain">Does Not Contain</option>
</select></td><td><span class='controlNameSeparator'></span></td><td><input name="_ctl28" type="text" id="txtSearchValue" class="border" maxlength="75" onkeydown="return event.keyCode==13?OnExplorerSearchClick():true" /></td><td><span class='controlNameSeparator'></span></td><td><span class="controlLabel">Currency Equals</span></td><td><span class='controlNameSeparator'></span></td><td id="cell1"><select name="_ctl30" id="Currency" style="Z-INDEX:100;" class="controlLabel">
<option value="All">All</option>
<option value="Euro">Euro</option>
<option value="United States Dollar">United States Dollar</option>
</select></td><td><span class='controlNameSeparator'></span></td><td><span class="controlLabel">IBES Equals</span></td><td><span class='controlNameSeparator'></span></td><td id="cell2"><select name="_ctl32" id="IBES" style="Z-INDEX:100;" class="controlLabel">
<option value="All">All</option>
<option value="No">No</option>
<option value="Yes">Yes</option>
</select></td><td><span class='controlNameSeparator'></span></td><td><span class="controlLabel">MSCI Equals</span></td><td><span class='controlNameSeparator'></span></td><td id="cell3"><select name="_ctl34" id="MSCI" style="Z-INDEX:100;" class="controlLabel">
<option value="All">All</option>
<option value="No">No</option>
<oA TD is not going to fall below another TD, it is what makes it a table. The TDs are shrinking down to the smallest they can go. As an alternative try using DIV tags I think it will get you a bit closer to what you are looking for. <div> <div style="float: left;"> <select name="_ctl26" id="Select1" class="control"> <option selected="selected" value="entity_name">Name</option> <option value="DS_mnem">DS Mnemonic</option> </select></div> <div style="float: left;"> <span class='controlNameSeparator'></span> </div> <div style="float: left;"> <select name="_ctl27" id="Select2" class="control"> <option value="Contains">Contains</option> <option value="Equals">Equals</option> <option value="StartsWith">Starts With</option> <option value="DoesNotContain">Does Not Contain</option> </select></div> <div style="float: left;"> <span class='controlNameSeparator'></span> </div> <div style="float: left;"> <input name="_ctl28" type="text" id="Text1" class="border" maxlength="75" onkeydown="return event.keyCode==13?OnExplorerSearchClick():true" /></div> <div style="float: left;"> <span class='controlNameSeparator'></span> </div> <div style="float: left;"> <span class="controlLabel">Currency Equals</span> <span class='controlNameSeparator'></span> <select