mapleleaf
10-25-2009, 03:39 AM
This has been bugging me for two days.
Somehow IE is creating extra space.
I have done a css reset
<tr>
<td class="servicesleft">
<span class="about_us">About Us</span><br>
<p style="margin-left:30px;">
<span class="green">Having my roots in the landscaping field for numerous years,</span> I had the opportunity to have worked at some of the finest properties in NY & CT. Ive worked with different landscape designers all of whom had their own style and plant preference. Yet, they all shared a common problem...deer damage.<br>
Through the years, varied trees and shrubs have become limited to a select few deer resistant plants. The colorful gardening beds and beautiful landscapes have now been eclipsed by 8 ft tall fences. This is not the way for homeowners to enjoy their outdoor scenery.<br>
I began experimenting with different methods of deterring deer, while avoiding the "caged in" look of fences or the implementation of expensive ultrasonic devices.<br>
Adaptability is the best approach in correcting this problem. Since all four seasons differ in temperature and conditions - and so should the method of deer control used. Application times and diversified spraying techniques have been the key to success.</p>
</td>
<td width="410" align="left" valign="top"><div style="background-image:url(images/no_deer_address_box.jpg); width:299px; height:195px;text-align:left; position:relative; top:20px; left:20px">
<div style="position:relative; top:30px; right: 42px; width:135px; text-align:right;">
<span style="color:#467158;font-size:1.1em; line-height:1.3em;">Deer Control<br>
301 ###### Avenue<br>
####, NY #####<br><br>
(###) ###-####</span>
</div>
<div style="font-size:1.6em;color:#56775F;position:relative; top:60px; left: 100px;">call for a free estimate</div>
</div></td>
</tr>
relevant css
* {
margin:0 auto;
padding:0;
}
table, caption, tbody, tfoot, thead, tr, th, td, div {
margin: 0 auto;
padding: 0;
border: 0;
outline: 0;
}
td.servicesleft{padding-bottom:20px;padding-top:15px; width:490px;text-align:left;}
span.about_us{text-align:left; font-size:1.8em; padding-left:30px;}
Whole page is 902.
Somehow this part is pushing the width beyond the 902 in IE
Any clues would be much appreciated.
Somehow IE is creating extra space.
I have done a css reset
<tr>
<td class="servicesleft">
<span class="about_us">About Us</span><br>
<p style="margin-left:30px;">
<span class="green">Having my roots in the landscaping field for numerous years,</span> I had the opportunity to have worked at some of the finest properties in NY & CT. Ive worked with different landscape designers all of whom had their own style and plant preference. Yet, they all shared a common problem...deer damage.<br>
Through the years, varied trees and shrubs have become limited to a select few deer resistant plants. The colorful gardening beds and beautiful landscapes have now been eclipsed by 8 ft tall fences. This is not the way for homeowners to enjoy their outdoor scenery.<br>
I began experimenting with different methods of deterring deer, while avoiding the "caged in" look of fences or the implementation of expensive ultrasonic devices.<br>
Adaptability is the best approach in correcting this problem. Since all four seasons differ in temperature and conditions - and so should the method of deer control used. Application times and diversified spraying techniques have been the key to success.</p>
</td>
<td width="410" align="left" valign="top"><div style="background-image:url(images/no_deer_address_box.jpg); width:299px; height:195px;text-align:left; position:relative; top:20px; left:20px">
<div style="position:relative; top:30px; right: 42px; width:135px; text-align:right;">
<span style="color:#467158;font-size:1.1em; line-height:1.3em;">Deer Control<br>
301 ###### Avenue<br>
####, NY #####<br><br>
(###) ###-####</span>
</div>
<div style="font-size:1.6em;color:#56775F;position:relative; top:60px; left: 100px;">call for a free estimate</div>
</div></td>
</tr>
relevant css
* {
margin:0 auto;
padding:0;
}
table, caption, tbody, tfoot, thead, tr, th, td, div {
margin: 0 auto;
padding: 0;
border: 0;
outline: 0;
}
td.servicesleft{padding-bottom:20px;padding-top:15px; width:490px;text-align:left;}
span.about_us{text-align:left; font-size:1.8em; padding-left:30px;}
Whole page is 902.
Somehow this part is pushing the width beyond the 902 in IE
Any clues would be much appreciated.