Difference in display- ideas why?

Hello All,

Im getting an odd occurance

If you look at this page in firefox, then IE(i have 7)

http://www.organiclinker.com/displayresults.cfm?f=1&s=Books&k=organic Farming

in FF it has lovely borders - In IE it doesnt

this is what im styling with

table.bookresults
{
padding: 10px;
background:#DFF2FF;
border-collapse: collapse;
}

table.bookresults tr
{
padding-bottom: 20px;
padding-top: 20px;
border:1px solid  :#4EB9FF;
}

Code (markup):

any ideas or work arounds?

Thanks

Mike

 

Remove the colon in front of #4EB9FF

table.bookresults
{
padding: 10px;
background:#DFF2FF;
border-collapse: collapse;
}

table.bookresults tr
{
padding-bottom: 20px;
padding-top: 20px;
border:1px solid  #4EB9FF;
}

Code (markup):

 

sorry i dont understand?

 

table.bookresults tr
{
padding-bottom: 20px;
padding-top: 20px;
border:1px solid :#4EB9FF;
}

You have a : in front of #4EB9FF...take that out!

 

hang on, i cant see one?

or am i going mad?

 

lol, someone has been working on their site too much
In the table.bookresults tr class, look at what the border says..
border:1px solid :#4EB9FF;
.....................^ take this out!

 

ah i see the confusion.

That must have been a typo as i added it here as that is not like that in my css file.

so it must be something else

 

Try putting a different border color and see if it works, I notice that some times if I have certain colors, both browsers render them differently. Try putting it to black and see what happens.

 

hmm tried it with black and still no show on IE

 

Not tested.

I used to run into this on occassion, but not in a long while; well beyond my memory limits. As I vaguely recall, it involved the padding or the line-height. Try varying the padding in 1 or 2px increments. Same with line-height. The usual default is 1.2, try ±.1 or .2.

If that or someone else's suggestions don't work for you, try to make a minimal test case. Without having the equivalent of Firefox's developer extension, it's too involved to replicate the page locally for debugging.

cheers,

gary

 

try to remove the paddings from your styles, they might cause problems, I have had many problems with paddings and Table width, borders, etc.

Try to remove the paddings, If it works, try some other way to leave space in the table