Firefox tr padding nightmare

[daJunkCollector]

The following code renders perfect in IE, but Firefox adds immense padding in between my <tr> tags.

I have tried applying <table cellpadding = 0 cellspacing = 0>. It decreases the extra space so slightly its not even worth it. As a matter of fact, it closes the nice gaps in IE more than it does the large unwanted firefox gaps.

There has to be a way to fix this--there are so many people who are diehard slap happy about firefox I find it hard to believe the precious browser can't render my .net controls without exposing immense gaps???

Please help persuade me that Micro$oft is not the only one capable of being dependable these days. Please keep on post too, I'm sure this won't be an easy fix.

Thanks.


[HTML]<table>


<tr>
<td>
<p><b>Location: </b></p>
</td>
<td>
<asp:DropDownLi st ID="DropDownLis t1" runat="server" Font-Names="Arial" ForeColor="#465 D7E" Width="180px" Font-Size="X-Small">
<asp:ListItem >-Select Here-</asp:ListItem>
<asp:ListItem ></asp:ListItem>
<asp:ListItem ></asp:ListItem>
<asp:ListItem ></asp:ListItem>
</asp:DropDownLis t>
</td>
</tr>


<tr>
<td>
<p><b>Position: </b></p>
</td>
<td>
<asp:DropDownLi st ID="DropDownLis t2" runat="server" Font-Names="Arial" ForeColor="#465 D7E" Width="180px" Font-Size="X-Small">
<asp:ListItem >-Select Here-</asp:ListItem>
<asp:ListItem ></asp:ListItem>
<asp:ListItem ></asp:ListItem>
<asp:ListItem ></asp:ListItem>
</asp:DropDownLis t>
</td>
</tr>


<tr>
<td>
<p><b>Type:</b></p>
</td>
<td>
<asp:DropDownLi st ID="DropDownLis t3" runat="server" Font-Names="Arial" ForeColor="#465 D7E" Width="180px" Font-Size="X-Small">
<asp:ListItem >-Select Here-</asp:ListItem>
<asp:ListItem ></asp:ListItem>
<asp:ListItem ></asp:ListItem>
<asp:ListItem ></asp:ListItem>
</asp:DropDownLis t>
</td>
</tr>


<tr>
<td>
</td>
<td>
<asp:Button ID="Button1" runat="server" Text="Show available jobs" Font-Names="Arial" Font-Size="8pt" ForeColor="#465 D7E" />
</td>
</tr>


</table>[/HTML]

P.S. If you would like to see this example live please ask...I'll post URL. TY

[drhowarddrfine]

Posting the url is frequently easier to debug than copying/pasting markup.

I find it hard to believe the precious browser can't render my .net controls without exposing immense gaps???

.NET stuff is notorious for creating invalid markup but I haven't checked yours yet.

Please help persuade me that Micro$oft is not the only one capable of being dependable these days.

Chris Wilson, the lead developer for IE, has said IE is far behind all other browsers is web standards. In fact, All versions of IE are nine years behind web standards. All other browsers, however, are reasonably current.
Now, onto looking at your markup before I get called away.

[drhowarddrfine]

Well, now that I look, I notice you have all that asp stuff in there so I have no way to view the generated content, so a link is necessary.

[daJunkCollector]

Sorry for the late reply Doc. http://www.dajunkyard.com/usgtestser...oyee/home.aspx

[daJunkCollector]

give it a sec tho, its building quick. Done in 3 minutes, hah.

[daJunkCollector]

Lastly, please pardon yellowswoosh.gi f. That image needs work...includin g having its height increased so theres no gap above the footer.

[drhowarddrfine]

Check the output of your editor. Your stylesheet has the unicode BOM inserted at the beginning. This gives the weird characters at the beginning of the sheet.

What is wrong here with the extra 'a'?
[HTML]
<dd><a class="tabs" a href="Locations .aspx?t=4">
<dd><a class="tabs" a href="ContactUS G.aspx?t=5">
<dd><a class="tabs" a href="Careers.a sp
[/HTML]

I don't know that any of this fixes anything but my IE extension is down for some reason.

[daJunkCollector]

Hah cool thanks, I fixed that.

As for the problem tho...

I think I'll scrap the table and write some css eh? That should resolve the issue (prolly create new issues too....but that web design right?)

[drhowarddrfine]

It's the margin on your <p>. IE is collapsing the margins for some reason while Firefox is keeping them. Just do p{margin:0} or, if needed, set the margins for the <p> to something other than zero.

[drhowarddrfine]

Tables for layout is stupid. Even the guy who created the method says he ruined the web because of it.

[daJunkCollector]

Thanks again for your help Doc. The stupid thing was that I was using <p> tags instead of just creating a span class. Problem solved. VERY much appreciated.