border-spacing not working

I have the following:

<html>
<body>
<table style="border-collapse: separate; border-spacing: 100px 50px">
<tr><td>the rain</td><td>in Spain</td></tr>
<tr><td>falls mainly</td><td>in the plain</td></tr>
</table>

</body>
</html>

Open in new window


I'm using IE10. It does not work. I must be missing something dead-obvious.

check it out at: https://www.ohprs.org/office/testme.html
LVL 1
MarkAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Your inline style does not look right.  What do you want your table to look like.  

Is this look right  http://jsbin.com/aLavEqa/1/edit?html,output

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
  <style>
    table{border-collapse:separate;
border-spacing:10px 50px;
    }
  </style>
</head>
<body>
  <table  border="1">
<tr><td>the rain</td><td>in Spain</td></tr>
<tr><td>falls mainly</td><td>in the plain</td></tr>
</table>
</body>
</html>

Open in new window

0
MarkAuthor Commented:
That's rather interesting. Your link looks just fine, but when I paste your example to my local web server (https://www.ohprs.org/office/testme2.html) I get a completely different look, and the style is NOT working. I've attached an image of what I see in my browser.

I'm not exactly sure what I'm looking at on your link. It appears to be an html editor. What do you see when you go to my link?
borderSpacing.jpg
0
MarkAuthor Commented:
more info: I tried this using IE8 and IE9 and both of our html's render just fine. So, are we talking a new bug in IE10?

Why does it render OK in my IE10 on your  http://jsbin.com/aLavEqa/1/edit?html,output link?

If this is an IE10 thing it's going to be a real pain, I use this quite a bit.

Could it be the DOCTYPE? I use the following:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

and I've tried:

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


Maybe IE10 wants something different?
0
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
There are a couple of html/css/js playgrounds I use.  One is jsbin.com and the other is jsfiddle.net.  Both are easy ways to share code and test multiple versions.  The link I gave you was for jsbin.

Using browserstack.com and your url https://www.ohprs.org/office/testme2.html, I tested some browsers that all look similar as you can see below.  The last is my own using chrome.

The doc type I am using is for html5 <!DOCTYPE html> http://dev.w3.org/html5/html-author/#doctype-declaration
Here I used your xmhtml http://jsbin.com/aLavEqa/3/edit?html,output and html4 http://jsbin.com/aLavEqa/4/edit?html,output  On my end using Chrome, I see no difference

If it is working ok using hml5 doc type, then you are good and you should continue using that doc type anyway.  Also, are you using the table for layout or for displaying tabular data?

Windows 8 IE10Windows 7 IE 10Windows 7 IE9IOS 4s portraitAndroid Samsungmac chrome
0
MarkAuthor Commented:
OK, I've tested my page with Firefox on this same laptop, my Android Samsung (Safari derivative), Chrome on WIN9 Starter (Gateway netbook), SeaMonkey 2.17.1 on a different WIN9 workstation and IE10 on WIN9 Starter.

The page works just fine on all of these computers, even IE10 on a different computer. It just doesn't work on my laptop, regardless of what DOCTYPE I specify.

I have to conclude there is something wrong with my laptop installation of IE10, though I can't imagine what. I keep that computer up-to-date.

Any speculations or ideas? Otherwise, I suppose I'll just have to forget about it and live with the problem (unless it magically goes away). This is unfortunate because this is my main development computer.
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
I needed a new computer when Vista came out and converted to Mac... I'm not as familiar with IE as a regular user.    You probably have a setting in IE on that computer.   Could it be compatibility mode?  http://answers.microsoft.com/en-us/ie/forum/ie10-windows_8/set-desktop-ie10-to-always-use-compatibility-view/f09597f0-9c3b-437f-9d33-18b5e1ba078d

Let me see if I can get somebody else to chime in that might know the right answer.
0
GaryCommented:
In your browser address bar to the right hand side do you see what looks like a broken box?
Is it blue?
If it is click it so it is no longer blue.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
MarkAuthor Commented:
Yep! The compatibility mode was it! I didn't even know that was set for this site. Not much of a "compatibility" mode, if it's the only mode that doesn't actually render properly among *ALL* browsers tested, including older versions of IE!

Mystery solved! Thanks!
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.