Html5 CSS Table border not visible in IE 11
Earlier The Table showed borders. Then I added a property to my container
text-align:center;
The table did not move to center so I added
display:inline-block; to the table.
That moved the table to the center and it looked good in Chrome and Firefox but it is not looking well in IE 11
The Table borders are missing.
table{
margin:2px;
width:200px;
padding:4px;
display:inline-block;
}
I tried Google search and tried to set the zoom of IE 11
table{
margin:2px;
width:200px;
padding:4px;
display:inline-block;
}
This is how my table looks in IE 11
html css
edited Dec 27 at 14:33
LGSon
69.2k84484
asked Dec 27 at 14:19
Rucha Nimbalkar
113
New contributor
Rucha Nimbalkar is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
Earlier The Table showed borders. Then I added a property to my container
text-align:center;
The table did not move to center so I added
display:inline-block; to the table.
That moved the table to the center and it looked good in Chrome and Firefox but it is not looking well in IE 11
The Table borders are missing.
table{
margin:2px;
width:200px;
padding:4px;
display:inline-block;
}
I tried Google search and tried to set the zoom of IE 11
table{
margin:2px;
width:200px;
padding:4px;
display:inline-block;
}
This is how my table looks in IE 11
html css
edited Dec 27 at 14:33
LGSon
69.2k84484
asked Dec 27 at 14:19
Rucha Nimbalkar
113
New contributor
Rucha Nimbalkar is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
An alternate for centering would margin: 0 auto; be if you specify a width
– Ben
Dec 27 at 14:25
I have not specified the width of my container if that is what you are talking about. My container looks like this .container{ margin:10px; padding:5px; border:2px; border-style:solid; border-color:black; border-radius:3px; text-align:center; }
– Rucha Nimbalkar
Dec 27 at 14:27
The width of element you want to center. U did this, i only mentioned it.
– Ben
Dec 27 at 14:28
As we can't debug an image, provide a Minimal, Complete, and Verifiable example.
– LGSon
Dec 27 at 14:33
add a comment |
Earlier The Table showed borders. Then I added a property to my container
text-align:center;
The table did not move to center so I added
display:inline-block; to the table.
That moved the table to the center and it looked good in Chrome and Firefox but it is not looking well in IE 11
The Table borders are missing.
table{
margin:2px;
width:200px;
padding:4px;
display:inline-block;
}
I tried Google search and tried to set the zoom of IE 11
table{
margin:2px;
width:200px;
padding:4px;
display:inline-block;
}
This is how my table looks in IE 11
html css
edited Dec 27 at 14:33
LGSon
69.2k84484
asked Dec 27 at 14:19
Rucha Nimbalkar
113
New contributor
Rucha Nimbalkar is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
Earlier The Table showed borders. Then I added a property to my container
text-align:center;
The table did not move to center so I added
display:inline-block; to the table.
That moved the table to the center and it looked good in Chrome and Firefox but it is not looking well in IE 11
The Table borders are missing.
table{
margin:2px;
width:200px;
padding:4px;
display:inline-block;
}
I tried Google search and tried to set the zoom of IE 11
table{
margin:2px;
width:200px;
padding:4px;
display:inline-block;
}
This is how my table looks in IE 11
html css
html css
edited Dec 27 at 14:33
LGSon
69.2k84484
asked Dec 27 at 14:19
Rucha Nimbalkar
113
New contributor
Rucha Nimbalkar is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
edited Dec 27 at 14:33
LGSon
69.2k84484
asked Dec 27 at 14:19
Rucha Nimbalkar
113
New contributor
Rucha Nimbalkar is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
edited Dec 27 at 14:33
LGSon
69.2k84484
edited Dec 27 at 14:33
LGSon
69.2k84484
edited Dec 27 at 14:33
LGSon
69.2k84484
69.2k84484
asked Dec 27 at 14:19
Rucha Nimbalkar
113
New contributor
Rucha Nimbalkar is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked Dec 27 at 14:19
Rucha Nimbalkar
113
asked Dec 27 at 14:19
Rucha Nimbalkar
113
113
New contributor
Rucha Nimbalkar is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
Rucha Nimbalkar is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
Rucha Nimbalkar is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
An alternate for centering would margin: 0 auto; be if you specify a width
– Ben
Dec 27 at 14:25
I have not specified the width of my container if that is what you are talking about. My container looks like this .container{ margin:10px; padding:5px; border:2px; border-style:solid; border-color:black; border-radius:3px; text-align:center; }
– Rucha Nimbalkar
Dec 27 at 14:27
The width of element you want to center. U did this, i only mentioned it.
– Ben
Dec 27 at 14:28
As we can't debug an image, provide a Minimal, Complete, and Verifiable example.
– LGSon
Dec 27 at 14:33
add a comment |
An alternate for centering would margin: 0 auto; be if you specify a width
– Ben
Dec 27 at 14:25
I have not specified the width of my container if that is what you are talking about. My container looks like this .container{ margin:10px; padding:5px; border:2px; border-style:solid; border-color:black; border-radius:3px; text-align:center; }
– Rucha Nimbalkar
Dec 27 at 14:27
The width of element you want to center. U did this, i only mentioned it.
– Ben
Dec 27 at 14:28
As we can't debug an image, provide a Minimal, Complete, and Verifiable example.
– LGSon
Dec 27 at 14:33
An alternate for centering would margin: 0 auto; be if you specify a width
– Ben
Dec 27 at 14:25
An alternate for centering would margin: 0 auto; be if you specify a width
– Ben
Dec 27 at 14:25
I have not specified the width of my container if that is what you are talking about. My container looks like this .container{ margin:10px; padding:5px; border:2px; border-style:solid; border-color:black; border-radius:3px; text-align:center; }
– Rucha Nimbalkar
Dec 27 at 14:27
I have not specified the width of my container if that is what you are talking about. My container looks like this .container{ margin:10px; padding:5px; border:2px; border-style:solid; border-color:black; border-radius:3px; text-align:center; }
– Rucha Nimbalkar
Dec 27 at 14:27
The width of element you want to center. U did this, i only mentioned it.
– Ben
Dec 27 at 14:28
The width of element you want to center. U did this, i only mentioned it.
– Ben
Dec 27 at 14:28
As we can't debug an image, provide a Minimal, Complete, and Verifiable example.
– LGSon
Dec 27 at 14:33
As we can't debug an image, provide a Minimal, Complete, and Verifiable example.
– LGSon
Dec 27 at 14:33
add a comment |
2 Answers
2
active
oldest
votes
Remove display:inline-block; first and add margin. It should help
table {
/* Remove this: margin:2px; */
width:200px;
padding:4px;
margin: 2px auto;
}
Or check the link
https://www.granneman.com/webdev/coding/css/centertables
answered Dec 27 at 14:28
ladomiryak
5917
Yes That worked! Thank you so much. table{ margin: 0 auto; width:200px; padding:4px; }
– Rucha Nimbalkar
Dec 27 at 14:31
add a comment |
Try to add in to your html code border = "1"
<table border = "1"></table>
https://www.w3schools.com/tags/att_table_border.asp
answered Dec 27 at 14:39
Falcon
195
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Rucha Nimbalkar is a new contributor. Be nice, and check out our Code of Conduct.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53946520%2fhtml5-css-table-border-not-visible-in-ie-11%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
Remove display:inline-block; first and add margin. It should help
table {
/* Remove this: margin:2px; */
width:200px;
padding:4px;
margin: 2px auto;
}
Or check the link
https://www.granneman.com/webdev/coding/css/centertables
answered Dec 27 at 14:28
ladomiryak
5917
Yes That worked! Thank you so much. table{ margin: 0 auto; width:200px; padding:4px; }
– Rucha Nimbalkar
Dec 27 at 14:31
add a comment |
Remove display:inline-block; first and add margin. It should help
table {
/* Remove this: margin:2px; */
width:200px;
padding:4px;
margin: 2px auto;
}
Or check the link
https://www.granneman.com/webdev/coding/css/centertables
answered Dec 27 at 14:28
ladomiryak
5917
Yes That worked! Thank you so much. table{ margin: 0 auto; width:200px; padding:4px; }
– Rucha Nimbalkar
Dec 27 at 14:31
add a comment |
Remove display:inline-block; first and add margin. It should help
table {
/* Remove this: margin:2px; */
width:200px;
padding:4px;
margin: 2px auto;
}
Or check the link
https://www.granneman.com/webdev/coding/css/centertables
answered Dec 27 at 14:28
ladomiryak
5917
Remove display:inline-block; first and add margin. It should help
table {
/* Remove this: margin:2px; */
width:200px;
padding:4px;
margin: 2px auto;
}
Or check the link
https://www.granneman.com/webdev/coding/css/centertables
answered Dec 27 at 14:28
ladomiryak
5917
edited Dec 27 at 14:30
answered Dec 27 at 14:28
ladomiryak
5917
answered Dec 27 at 14:28
ladomiryak
5917
answered Dec 27 at 14:28
ladomiryak
5917
5917
Yes That worked! Thank you so much. table{ margin: 0 auto; width:200px; padding:4px; }
– Rucha Nimbalkar
Dec 27 at 14:31
add a comment |
Yes That worked! Thank you so much. table{ margin: 0 auto; width:200px; padding:4px; }
– Rucha Nimbalkar
Dec 27 at 14:31
Yes That worked! Thank you so much. table{ margin: 0 auto; width:200px; padding:4px; }
– Rucha Nimbalkar
Dec 27 at 14:31
Yes That worked! Thank you so much. table{ margin: 0 auto; width:200px; padding:4px; }
– Rucha Nimbalkar
Dec 27 at 14:31
add a comment |
Try to add in to your html code border = "1"
<table border = "1"></table>
https://www.w3schools.com/tags/att_table_border.asp
answered Dec 27 at 14:39
Falcon
195
add a comment |
Try to add in to your html code border = "1"
<table border = "1"></table>
https://www.w3schools.com/tags/att_table_border.asp
answered Dec 27 at 14:39
Falcon
195
add a comment |
Try to add in to your html code border = "1"
<table border = "1"></table>
https://www.w3schools.com/tags/att_table_border.asp
answered Dec 27 at 14:39
Falcon
195
Try to add in to your html code border = "1"
<table border = "1"></table>
https://www.w3schools.com/tags/att_table_border.asp
answered Dec 27 at 14:39
Falcon
195
answered Dec 27 at 14:39
Falcon
195
answered Dec 27 at 14:39
Falcon
195
answered Dec 27 at 14:39
Falcon
195
195
add a comment |
add a comment |
Rucha Nimbalkar is a new contributor. Be nice, and check out our Code of Conduct.
Rucha Nimbalkar is a new contributor. Be nice, and check out our Code of Conduct.
Rucha Nimbalkar is a new contributor. Be nice, and check out our Code of Conduct.
Rucha Nimbalkar is a new contributor. Be nice, and check out our Code of Conduct.
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53946520%2fhtml5-css-table-border-not-visible-in-ie-11%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
An alternate for centering would margin: 0 auto; be if you specify a width
– Ben
Dec 27 at 14:25
I have not specified the width of my container if that is what you are talking about. My container looks like this .container{ margin:10px; padding:5px; border:2px; border-style:solid; border-color:black; border-radius:3px; text-align:center; }
– Rucha Nimbalkar
Dec 27 at 14:27
The width of element you want to center. U did this, i only mentioned it.
– Ben
Dec 27 at 14:28
As we can't debug an image, provide a Minimal, Complete, and Verifiable example.
– LGSon
Dec 27 at 14:33