Probably something simple i'm overlooking, taking the below html and
css style settings, when you view in a browser (IE or Mozilla for
example), the table is a tiny bit less wide than the div. Yet I have
set both to the exact same width (99%) and they have the same border
settings. This also happens if i use a width like "800px".
The desired effect is that the table be just above the div as a header
and in the browser both should be the exact same width.
Thx in advance.
(Note i simplified the original html to get rid of as much as possible
that was not relevant).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
</head>
<body>
<table
style="Cursor:hand;border-width:1px;border-style:Solid;border-color:Black;background-color:#FBF5C5;width:99%;border-bottom-width:0px;">
<tr>
<td align="left"
id="ctl00_FormPlaceHolder_ExpandingPanel1_expanded grip"
style="width:1%;display:block;"><img src="/widsplus/something.gif"
width="15" height="19" alt="" /></td><td
class="greytextdarkboldlarge">More Search Options</td><td
id="ctl00_FormPlaceHolder_ExpandingPanel1_expanded chevron"
align="right" style="width:1%;display:block;"><img
src="/widsplus/something.gif" width="25" height="19" alt="" /></td>
</tr>
</table><div id="ctl00_FormPlaceHolder_ExpandingPanel1"
style="display:block;border-color:Black;border-width:1px;border-style:Solid;width:99%;">
<select name="ctl00$FormPlaceHolder$lbprioritytype">
<option selected="selected" value="=">=</option>
<option value="<>"><></option>
<option value="NULL">Null</option>
</select>
</div>
</body>
</html>
