?
Solved

Help Style html table

Posted on 2014-03-12
15
Medium Priority
?
230 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
WordPress Tutorial 2: Terminology

An important part of learning any new piece of software is understanding the terminology it uses. Thankfully WordPress uses fairly simple names for everything that make it easy to start using the software.

 
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 2000 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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
This article discusses how to implement server side field validation and display customized error messages to the client.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

765 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