html - Table width not working in only IE -
i've got table has width of 161px , height of 374px, , works great in firefox width , height aren't working in internet explorer. here's url: http://nonudot.io-web.com/demo.
<div class="bottomborderboxes"> <table width="200" cellspacing="0" cellpadding="0" border="0" style="font-size:13px;"> <tbody> <tr> <td> <h2>concern area 1</h2> </td> </tr> <tr> <td>describe location<br> (please use street names)<br> <br> <div class="editingformcontrolnestedcontrol"> <input type="text" class="textboxfield" id="ctl00_plcmain_cmseditableregion2_bizformcontrol1_bizform1_ctl00_area1_streetname" maxlength="300" name="ctl00$plcmain$cmseditableregion2$bizformcontrol1$bizform1$ctl00$area1_streetname"> </div></td> </tr> <tr> <td><br> city<br> <div class="editingformcontrolnestedcontrol"> <input type="text" class="textboxfield" id="ctl00_plcmain_cmseditableregion2_bizformcontrol1_bizform1_ctl00_area1_city" maxlength="300" name="ctl00$plcmain$cmseditableregion2$bizformcontrol1$bizform1$ctl00$area1_city"> </div></td> </tr> <tr> <td><br> type of issue<br> <div class="editingformcontrolnestedcontrol"> <select class="dropdownfield" id="ctl00_plcmain_cmseditableregion2_bizformcontrol1_bizform1_ctl00_area1_issue" name="ctl00$plcmain$cmseditableregion2$bizformcontrol1$bizform1$ctl00$area1_issue"> <option value="1">needs curb cut or existing curb cut needs improvement</option> <option value="2">needs wheelchair ramp or existing ramp needs improvement</option> <option value="3">crosswalk improvements needed</option> <option value="4">uneven surface</option> <option value="5">other (please indicate below)</option> </select> </div> <br> <div class="editingformcontrolnestedcontrol"> <input type="text" class="textboxfield" id="ctl00_plcmain_cmseditableregion2_bizformcontrol1_bizform1_ctl00_area1_issuecomment" maxlength="300" name="ctl00$plcmain$cmseditableregion2$bizformcontrol1$bizform1$ctl00$area1_issuecomment"> </div></td> </tr> <tr> <td><br> addtional input<br> <div class="editingformcontrolnestedcontrol"> <textarea class="textareafield" id="ctl00_plcmain_cmseditableregion2_bizformcontrol1_bizform1_ctl00_area1_addinput" cols="20" rows="2" name="ctl00$plcmain$cmseditableregion2$bizformcontrol1$bizform1$ctl00$area1_addinput"></textarea> </div><br> </td> </tr> <tr> <td> </td> </tr> </tbody>
here's css
.bottomborderboxes { border: 1px solid black; float: left; height: 374px; margin-right: 5px; margin-top: 10px; padding: 7px; width: 161px;}
your problem haven't specified doctype.
without doctype, ie drop quirks mode. quirks mode causes kinds of rendering glitches. fix problem, add valid doctype top of page, before <html> tag.
if you're not sure doctype use, use html5 doctype - it's simple this:
<!doctype html> hope helps.
Comments
Post a Comment