Expanding Box Issue, Content Doesn't Show Properly

HTML & CSS
#1

Hi

I’ve got Error when use the browser check in Dreamweaver CS4. It says,

"Any content that does not fit in a fixed-width or -height box causes the box to expand to fit the content rather than letting the content overflow.

Affects: Internet Explorer 6.0
Likelihood: Likely "

Does anyone have any ideas on how to fix this?

Thank you in advance for any help!

Below is the HTML code:
[php]

Property Sub-Type

<tr><td style="width: 10%;"><input type="checkbox" name="propsubtype" id="propsubtype475751749" value="Single Family" /></td><td style="width: 90%;">Single Family</td>
</tr>

<tr><td style="width:10%;"><input type="checkbox" name="propsubtype" id="propsubtype475751749" value="Apartment"  /></td><td style="width:90%;">Apartment</td>	</tr>

<tr><td style="width:10%;"><input type="checkbox" name="propsubtype" id="propsubtype475751749" value="Combo - Res & Com"  /></td><td style="width:90%;">Combo - Res & Com</td></table></div>
</tr>

<tr>

	<td style="width:10%;"><input type="checkbox" name="propsubtype" id="propsubtype475751749" value="Condominium"  /></td><td style="width:90%;">Condominium</td>

</tr>

<tr>

	<td style="width:10%;"><input type="checkbox" name="propsubtype" id="propsubtype475751749" value="Loft"  /></td><td style="width:90%;">Loft</td>

</tr>

<tr>

	<td style="width:10%;"><input type="checkbox" name="propsubtype" id="propsubtype475751749" value="Loft - Live and Work (N)"  /></td><td style="width:90%;">Loft - Live and Work</td>

</tr>

<tr>

	<td style="width:10%;"><input type="checkbox" name="propsubtype" id="propsubtype475751749" value="Manufactured 433"  /></td><td style="width:90%;">Manufactured Home</td>

</tr>

<tr>

	<td style="width:10%;"><input type="checkbox" name="propsubtype" id="propsubtype475751749" value="OwnYourOwn"  /></td><td style="width:90%;">Own your own</td>

</tr>

<tr>

	<td style="width:10%;"><input type="checkbox" name="propsubtype" id="propsubtype475751749" value="Stock Cooperative"  /></td><td style="width:90%;">Stock Cooperative</td>

</tr>

<tr>

	<td style="width:10%;"><input type="checkbox" name="propsubtype" id="propsubtype475751749" value="Timeshare"  /></td><td style="width:90%;">Timeshare</td>

</tr>

<tr>

	<td style="width:10%;"><input type="checkbox" name="propsubtype" id="propsubtype475751749" value="Townhouse"  /></td><td style="width:90%;">Townhouse</td>

</tr>

<tr>

	<td style="width:10%;"><input type="checkbox" name="propsubtype" id="propsubtype475751749" value="Residential Income"  /></td><td style="width:90%;">Residential Income</td>

</tr>

<tr>

	<td style="width:10%;"><input type="checkbox" name="propsubtype" id="propsubtype475751749" value="Other (N)"  /></td><td style="width:90%;">Other</td>

</tr>

Special Conditions

<tr>

	<td style="width:10%;"><input type="checkbox" name="specialconditions" id="specialconditions1917928121" value="In Foreclosure Process"  /></td><td style="width:90%;">In Foreclosure Process</td>

</tr>

<tr>

	<td style="width:10%;"><input type="checkbox" name="specialconditions" id="specialconditions1917928121" value="Real Estate Owned"  /></td><td style="width:90%;">Real Estate Owned</td>

</tr>

<tr>

	<td style="width:10%;"><input type="checkbox" name="specialconditions" id="specialconditions1917928121" value="Standard Sale"  /></td><td style="width:90%;">Standard Sale</td>

</tr>

<tr>

	<td style="width: 10%;"><input type="checkbox" name="specialconditions" id="specialconditions1917928121" value="Short Pay Subject to Lender"  /></td><td style="width: 90%;">Short Pay Subject to Lender</td>

</tr>

<tr>

	<td style="width:10%;"><input type="checkbox" name="specialconditions" id="specialconditions1917928121" value="Auction"  /></td><td style="width:90%;">Auction</td>

</tr>

Disclosures

<tr>

	<td style="width:10%;"><input type="checkbox" name="specialconditions2" id="specialconditions2196957267" value="HUD/Gov Owned"  /></td><td style="width:90%;">HUD/Gov Owned</td>

</tr>

<tr>

	<td style="width:10%;"><input type="checkbox" name="specialconditions2" id="specialconditions2196957267" value="Senior Community"  /></td><td style="width:90%;">Senior Community</td>

</tr>

Open House

<tr>

	<td style="width:10%;"><input type="checkbox" name="openhouseyn" id="openhouseyn-1503364401" value="1800-01-01"  /></td><td style="width:90%;">Open House Only</td>

</tr>

More Info

[/php]

Below is the CSS:
[php].SearchScreenWrap_01 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666562;
text-align: center;
*margin: -20px 0px 0px 0px;
}

.SearchSubHeader {
text-align:left;
border-bottom: 0px #FFFFFF solid;
display: block;
float: left;
width: 100%;
}

.SearchSubHeader h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666562;
margin: 10px;
padding: 10px 5px 5px 5px;
text-align: left;
width: 100% auto;
display: block;
border-bottom: 1px #e2e2e2 solid;
display: block;
}

.SearchFieldTable_2Col {
text-align:left;
margin: 0px 0px 10px 0px;
}

.SearchFieldTable_2Col {
width: 50%;
display: inline;
margin-bottom: 9px;
float: left;
}

.SFSubTable_Standard {
width: 100%;
}

.SFSubTable_Standard_Left {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666562;
width: 30%;
text-align: right;
padding: 0px 2px 0px 0px;
}

.SFSubTable_Standard_Left p {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666562;
margin: 0px;
}

.SFSubTable_Standard_Right {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666562;
width: 70%;
text-align: left;
}

.SFSubTable_Standard_Right .dropdown {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
width: 90%;
}

.SFSubTable_Range {
width: 100%;
}

.SFSubTable_Range_Left {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666562;
width: 30%;
text-align: right;
padding: 0px 2px 0px 0px;
}

.SFSubTable_Range_Middle {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666562;
width: 35%;
padding: 0px 2px 0px 0px;
}

.SFSubTable_Range_Middle .dropdown {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
width: 80%;
}

.SFSubTable_Range_Right {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666562;
width: 35%;
text-align: left;
padding: 0px 0px 0px 2px;
}

.SFSubTable_Range_Right .dropdown {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
width: 80%;
}

.SearchFieldTable_3Col_container {
text-align: left;
margin: 0px auto;
margin-left: 60px;
width: 200px;
display: inline-block;
float: left;
text-align: left;
margin-left: 60px;
}

.SearchFieldTable_3Col {
text-align:left;
margin: 0px 0px 10px 0px;
width: 30%;
display: inline;
float: left;
}

.SFSubTable_3col {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666562;
display: inline;
width: 100%;
}

.SearchButtonWrapper {
border: 0px #FFFFFF solid;
background: transparent;
text-align: center;
float: left;
width: 45%;
margin-top: 20px;
margin-bottom: 30px;
}

.SearchButtonHolder {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666562;
margin: 2px auto;
}

.SearchButtonHolder td {
padding: 2px;
}

.SearchButtonHolder .dropdown {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666562;
}

.SearchButtonWrapper .SearchButton {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
margin: 0px;
height: 25px;
padding: 0px 10px 0px 10px;
background: #666562;
border: 1px #FFFFFF solid;
cursor: pointer;
}

.super_logo {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: center;
padding: 10px 0px 0px 0px;
float: left;
width: 100%;
display: block;
}

.super_logo .img {
display: block;
margin: 10px auto;
height: 29px;
width: 28px;
}[/php]

#2

I have been reading forums and ran across one that said “If you must add margin, avoid placing it on the side you’re floating toward (for example: a right margin on a div set to float right).”

This is where I believe the issue is but am not sure how to fix it.

Thanks!

Here is the CSS that I think is the problem.

[php].SearchFieldTable_3Col_container {
text-align: left;
margin: 0px auto;
margin-left: 60px;
width: 200px;
display: inline-block;
float: left;
text-align: left;
margin-left: 60px;
}[/php]

#3

Sorry one other thing i wanted to share, here is the link to the page so you can see how things are formatting incorrectly.

http://homesandinvestments.com/advanced-search.html

Sponsor our Newsletter | Privacy Policy | Terms of Service