Firefox Rendering and ASP.net [Archive]

gtilles

May 12th, 2005, 03:50 PM

I was able to take care of 99% of my rendering problems in Firefox by updating my web.config file but alas I have one problem.
On the pages that have Datagrids in IE look fine but in Firefox there appears to me what looks like a horizontal rule just above the datagrid header.
Anyone know how I may go about getting rid of this? THX, G

nemaroller

May 12th, 2005, 04:22 PM

By updating your web config, I guess you're talking about updating the browsercaps section to recognize FireFox as an uplevel browser - not updating it to alter the way WebControls renders - because thats just an intermediate step that would have been alleviated had the Machine.config been altered instead with a modern browsercaps that simply states to the framework that FireFox is just another IE - with all its capabilities, just a different name.

Another important thing to do is to use a fully-qualified DOCTYPE on all your pages...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

This forces IE6 and FireFox into quirks mode - and resolves most if not all rendering issues.

Any stylistic differences from there can be attributed to defaults different browsers put on certain elements (i.e.. a UL / LI can have different paddings in different browsers). A quick way to erase defaults is to use:

*
{
margin: 0px;
padding: 0px;
}

in your stylesheet.

As far as your specific problem... you seem to state that there appears to be a HR above your datagrid header... well, check the html source in IE and Firefox and be sure they are the same. Then post back with the html source if you're having problems.

gtilles

May 12th, 2005, 05:31 PM

Thanks,
yes I was refering to browsercaps.
As much as I hate to admit it I had an image control that was similar to an <hr> on my page. I had it set to invisible but for some reason Firefox show it.
I have since deleted it and all is well. (my bad!)