Using CSS styles with Firefox and Netscape

[humour]

I have added several versions of <browsercaps> sections to my web.config file without success. What can I do to get this simple code to work with Netscape/Firfox/Safari (other browsers). I dont really care too much about most of the style sheet elements other than padding-left, padding-right I have spent hours on this any help MASSIVELY appreciated.

// Note I have tried both <table> and <asp:table>
// This stuff works great under IE but not at all under other browsers (Firefox/Netscape)



// HTML Snippet

<Table>
<TR>
<TD class="funkyBox">
This is a test this is a test this is a test	
</TD>
<TR>
</Table>

.CSS Snippet

.funkyBox
{
    border-right: #000099 thin solid;
    padding-right: 4px;
    border-top: #000099 thin solid;
    padding-left: 4px;
    font-size: x-small;
    padding-bottom: 4px;
    border-left: #000099 thin solid;
    padding-top: 4px;
    border-bottom: #000099 thin solid;
    background-color: #ccffcc;
    text-align: center;
}

 

[icrf]

Odd, most of my browser tuning has generally been to make stuff work in IE, not so much vice-versa. Anyway, the generic solution can be the same. Put a div tag inside the td and give it the padding to move your content from the edges. Should be alright, just a minor structure change.

But yeah, I understand, spent many an hour on browser compatibility CSS. My biggest problem is checking in Safari, a difficult task from Windows.

________________________________________
Andrew

I work for a gift card company!

 

[humour]

Andrew thanks for the reply. I will definitely look into using the DIV tag.

I was hoping to find a solution using the <browsercaps> section of the web.config file. There are many places on the net that allude to this as being 'the solution' to resolve browser differences. I just havent found a a <browsercaps> section that works.