Ok I had this in another post and thought I had resolved the issue so I marked as solved. I hove not resolved the issue after all, so I created a new thread, since the other one seemed to be dead.
I have a table that looks great on most resolutions except for the lowest resolution, 800x600 I think. When I view the page in this resolution, the table expands out beyond the div container it's set within. I think I have all the widths set to percentages, but somethings not right. Here is my CSS code:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
margin: 0px;
padding: 0px;
background-color: #999;
}
#wrapper {
padding: 0px;
width: 75%;
border: thin solid #ccc;
margin-top: 5px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
background-color: #FFF;
}
#wrapper #main #sidebar p {
font-size: xx-small;
}
#main {
margin: 0px;
padding: 0px;
clear: both;
width: 100%;
}
#content {
width: 75%;
border-left-width: thin;
border-left-style: solid;
border-left-color: #ccc;
margin: 0 0 0 148px;
padding: 0 20 0 10px;
}
#content table {
margin: 0px;
padding: 0px;
width: 95%;
}Here is the page code:
<body>
<div id="wrapper">
<!--- Header Include --->
<cfinclude template="header.cfm">
<div id="main">
<div id="sidebar">
<!--- Sidebar Include --->
<cfinclude template="sidebar.cfm">
</div>
<div id="content">
<!--- Display Results of Search --->
<p>Your Search Found <cfoutput>#rsSearch.RecordCount#</cfoutput> Bulbs</p>
<p>Click on Item Number<br />
to view Product Details.</p>
<p>Refine your search
by typing your brand name.</p>
<form action="refined.cfm" method="post">
<table>
<td><input type="text" name="brandName" size="10" />
<input type="submit" name="brandSubmit" id="brandSubmit" maxlength="25" value="Go" /></td>
</table>
</form>
<cfif rsSearch.RecordCount GT 0>
<div style="overflow:auto; height:500px; width: 95%;">
<table border="1" cellpadding="1" cellspacing="0">
<tr>
<th>Item #</th>
<th>Brand</th>
<th>Base</th>
<th>Glass</th>
<th>Wattage</th>
<th>Voltage</th>
</tr>
<cfoutput query="rsSearch">
<tr>
<td><a href="#rsSearch.oldPage#">#item#</a></td>
<td>#rsSearch.brandName#</td>
<td>#base#</td>
<td>#glass#</td>
<td>#wattage#</td>
<td>#voltage#</td>
</tr>
</cfoutput>
<tr align="center">
<td colspan="7"><a href="search.cfm">Search Again</a>||<a href="results.cfm">Return to Top</a></td>
</tr>
</table>
</div>
</cfif>
<cfif rsSearch.RecordCount EQ 0>
<p>Please check Spelling or try another search criteria.</p>
</cfif>
</div>
</div>
<!--- Footer Include --->
<cfinclude template="footer.cfm">
</div>
</body>Another thing is not only do tables expand, but some of my pages with just text expands as well, but I think if someone can point me in the right direction on this, I can figure out the rest. Thanks for any help in advance!