Jump to content

CSS not working in IE


biggieuk

Recommended Posts

Hi all,

 

I have some CSS code that works correctly in Firefox but not IE. A debug tells me that there are a couple of properties that are unsupported such as:

 

  • border-spacing
  • 'transparent'

 

My CSS code is here:

 

<style type="text/css">
hr.pme-hr		     {
border: 0px solid;
padding: 0px;
margin: 0px;
border-top-width: 1px;
height: 1px;
background-color: #FFFFFF;
font-family: Verdana;
font-size: small;
color: #FFFFFF;
}
table.pme-main 	     {
border: 1px solid #0099FF;
border-collapse: collapse;
border-spacing: 0px;
width: 100%;
background-color: #FFFFFF;
color: #000000;
font-family: Verdana;
font-size: small;
}
table.pme-navigation {
border: 0px solid #0099FF;
border-collapse: collapse;
border-spacing: 0px;
width: 100%;
color: #000000;
background-color: #F0EEED;
font-family: Verdana;
font-size: small;
}
td.pme-navigation-0, td.pme-navigation-1 {
white-space: nowrap;
background-color: #F0EEED;
}
th.pme-header	     {
border: 1px solid #0066FF;
padding: 4px;
color: #000000;
background-color: #A3C1D3;
}
td.pme-key-0, td.pme-value-0, td.pme-help-0, td.pme-navigation-0, td.pme-cell-0,
td.pme-key-1, td.pme-value-1, td.pme-help-0, td.pme-navigation-1, td.pme-cell-1,
td.pme-sortinfo, td.pme-filter { border: #004d9c 1px solid; padding: 3px; }
td.pme-buttons {
text-align: left;
color: #FFFFFF;
background-color: #F0EEED;
}
td.pme-message { text-align: center; }
td.pme-stats   {
text-align: right;
font-family: Verdana;
font-size: small;
color: #000000;
}
.style1 {
font-family: Verdana;
font-size: small;
color: #000000;
}
</style>

 

Does anybody know how i can change this CSS to be compatiable with IE?

 

Help is greatly appreciated!

 

thanks

Link to comment
https://forums.phpfreaks.com/topic/106440-css-not-working-in-ie/
Share on other sites

border-spacing isn't supported on Windows IE: http://www.w3schools.com/css/css_reference.asp#table

But, you are setting it to zero anyways...so just remove the CSS property. If you want a table with no spacing in it, use this:

<table cellspacing=0 cellpadding=0>

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.