This Table appears on the 'left', in Safari, instead of 'center'

This Form appears successfully in all browsers, but appears to the ‘left’, instead of in the ‘center’, in Safari. Here’s the code:

#panel2
{
width: 100%;
height:75px;
text-align: center;
padding: 10px 0px 10px 0px;
margin: 0 auto;
display: none;
}


.table10 
{
border-collapse: collapse;
width: 100%;
height: 75px;
max-width: 1250px;
margin: 0 auto;
}


<div id="panel2">
<form method="get" action="../search.php">
<table class="table10">
<tr>
<td>
----- etc. ----
</td>
</tr>
</table>
</form>
</div>

Any ideas to try will be appreciated.

The parent division is set to display:none? I am surprised the table is visible.

2 Likes

Post a “working page” that demonstrates the issue or a link to your site and we will be glad to investigate the problem for you.

Looks fine in my Safari on the Mac (Safari on the PC is long dead and should not be used or supported).

As Ron said please post a working page of the problem as there may be other things to consider.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.