align:center für Tabelles

Hallo ich finde einfach den Fehler nicht im IE wird die Tabelle zentriert dargestellt. Aber im Firefox nicht:

Code:
<div style="width:580px;text-align:center;vertical-align:middle;">
	<table class="table_schatten" cellpadding="0" cellspacing="0">
		<tr>
			<td class="ecke_o_l"> </td>
			<td rowspan="2" colspan="2" class="IMG_schatten">
				<img src="bilder/big/7_v.jpg" alt="big" />
			</td>
			<td class="ecke_o_r"> </td>
		</tr>
		<tr>
			<td class="rand_l" style="height:340px;"> </td>
			<td class="rand_r" style="height:340px;"> </td>
		</tr>
		<tr>
			<td class="ecke_u_l"> </td>
			<td class="ecke_u_l2"> </td>
			<td class="rand_u" style="width:252px;"> </td>
			<td class="ecke_u_r"> </td>
		</tr>
	</table>
	</div>

in class="table_schatten" steht:

Code:
.table_schatten {
	border: 0;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}
 
Setze für die Tabelle mal margin-left und margin-right auf "auto", dann klappt's auch im Firefox.
 
Bei margin ist der Defaultwert bei den meisten Elementen vermutlich eher 0. Nach dem warum brauchste mich aber net zu fragen *g

margin: auto zum Zentrieren ist ein Standardkniff, den man immer mal wieder braucht, da fragt man net mehr, warum es so ist *g
 
Zurück
Oben