Solved

Help Style html table

Posted on 2014-03-12
15
220 Views
Last Modified: 2014-05-20
I have a table that is located inside of the jquery accordion. In all the browsers except for IE 9 it look similar to the one on the link http://jsfiddle.net/mYP9j/5/.


In Ie9 I do not get rounded borders , the cells do not have padding and so on
0
Comment
Question by:erikTsomik
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 7
  • 5
  • 3
15 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 39925017
Check IE9 is not going into compatibility mode.
0
 
LVL 19

Author Comment

by:erikTsomik
ID: 39925024
Just did it is not
0
 
LVL 58

Expert Comment

by:Gary
ID: 39925066
Eek just noticed your using tables. You shouldn't be using tables - they are not easy to style and a faux pas when it comes to web design

Table cells do not have margins, if you want spacing then use cellspacing.
The rounded corners are working fine for me.
0
Forrester Webinar: xMatters Delivers 261% ROI

Guest speaker Dean Davison, Forrester Principal Consultant, explains how a Fortune 500 communication company using xMatters found these results: Achieved a 261% ROI, Experienced $753,280 in net present value benefits over 3 years and Reduced MTTR by 91% for tier 1 incidents.

 
LVL 82

Expert Comment

by:leakim971
ID: 39925075
You set cellspacing="0", if you remove it it should work better
0
 
LVL 19

Author Comment

by:erikTsomik
ID: 39925085
I remove the cellspacing but see not difference
0
 
LVL 19

Author Comment

by:erikTsomik
ID: 39925088
Well the table works in all the browsers even IE 11 but does not in IE 9
0
 
LVL 82

Expert Comment

by:leakim971
ID: 39925092
And if set it to  cellspacing="10"
no difference too?
0
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 39925112
IE9 cellpading set to 10
no cellpadding attribute set
0
 
LVL 58

Expert Comment

by:Gary
ID: 39925171
So you just use cellspacing.
The rounded corners look fine to me - don't know why you said they were not working.
0
 
LVL 82

Expert Comment

by:leakim971
ID: 39925175
yes, just the cellspacing which overwrite the marging
0
 
LVL 19

Author Comment

by:erikTsomik
ID: 39950608
I do not seems to be able get this cellsspacing in chrome
0
 
LVL 82

Expert Comment

by:leakim971
ID: 39950937
so use both methods...
0
 
LVL 19

Author Comment

by:erikTsomik
ID: 39951083
I do. but still does not work
0
 
LVL 19

Author Comment

by:erikTsomik
ID: 40079217
I've requested that this question be closed as follows:

Accepted answer: 0 points for erikTsomik's comment #a39950608

for the following reason:

Great
0
 
LVL 19

Author Closing Comment

by:erikTsomik
ID: 40079219
great
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Allow a tab area under the contents 1 26
Jquery 7 34
Html date format 9 20
Diff of the day 2 10
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

730 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question