Not able to get IE9 to center table in div
Question
Can't seem to be able to get IE9 to center the table (id="needToCenter") within the div. It works fine in FF.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<BODY>
<FORM id=viewDevicesForm method=post name=viewDevicesForm action=/viewDevices.jsf>
<DIV style="border: 1px grey solid; MARGIN-TOP: 20px; WIDTH: 100%;">
<TABLE id="needToCenter" style="MARGIN: auto" border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD><A style="HEIGHT: 22px; FONT-WEIGHT: 900" id=viewDevicesForm:_idJsp146 href="http://localhost:9082/viewDevices.jsf?Flow=view#" name=viewDevicesForm:_idJsp146>MASS EDIT</A>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
</FORM>
</BODY>
</HTML>
4 answers
solution1
2 2013-09-13 01:57:02
Instead of using the html4 doctype, try the html5 doctype. That will force ie9 to use standards rendering and may fix issues.
<!DOCTYPE html>
Oh, and as an aside, you should be using CSS.
solution2
1 2013-09-13 01:56:19
You could wrap your table with a <center> tag. It's deprecated on HTML 4.01 and not supported on HTML 5. But since you're using HTML 4.0 I think it'll work.
solution3
0 ACCPTED 2013-09-13 01:48:21
只需添加text-align:center这样：
<DIV style="text-align:center;border: 1px grey solid; MARGIN-TOP: 20px; WIDTH: 100%;">
solution4
0 2013-09-13 02:32:20
margin: auto only works for explicitly-sized elements. Add a width to your table if you want it to center itself inside it's container.
Example: http://jsfiddle.net/mqqu9/
<div style="border: 1px grey solid; margin-top: 20px; width: 100%;">
<table id="needToCenter" style="margin: 2em auto; width: 80%; border: solid 1px #c00;">
<tbody>
<tr>
<td>
<a style="height: 22px; font-weight: 900" id="viewDevicesForm:_idJsp146" href="http://localhost:9082/viewDevices.jsf?Flow=view#" name="viewDevicesForm:_idJsp146">MASS EDIT</a>
</td>
</tr>
</tbody>
</table>
</div>
I added a border and top & bottom margin to the table to make it obvious how the table renders.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.