Tabell som fnular i MZ

MickeA.comMedlem sedan feb. 20034 441 inlägg

Frågan3 juni 2004 20:41#1

Hej

Jag vet av erfarenhet att det brukar spöka i bla. Mozilla med att centrera tabeller och dylikt.

Har sökt i flera dagar nu, då jag hade problem i Söndags med det här.

Jag hittade en lösning efter ett tag.

Det har funkat bra hittills på den hemsida jag nu håller på med.

Men, ikväll var det dags för funktion att skicka eCards och då uppdagas det är problemet igen, alltså med att få en tabell inuti en tabell centrerad.

Det funkar bra i IE, men inte i Mozilla.

Såhär ser det ut i IE:

Och såhär i Mozilla:

Som ni ser vill inte texten under bilden bli centrerad under bilden. Eller själva texten ska vara vänsterställd, men tabellen som är inuti 'huvudtabellen' ska vara centrerad.

Lite kod för sidan:

<style type="text/css">
.back{
	margin-left: auto;
	margin-right:auto;
	width: 440px;
	/*height: 480px;*/
	border: 1px #000000 solid;
	background-color: #E2E2E2;}
.topCell{
	width: 440px;
	text-align: center;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #666666;
	padding-top: 25px;}

.imgCell{
	text-align: center;
	padding-top: 25px;}

img{
	border: 1px #666666 dashed;}

.txtCellOut{
	width: 440px;
	text-align: center;
	padding-top: 15px;}

.txtCellIn{
	border: 0px #000000 solid;
	width: 275px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #666666;
	padding-top: 15px;}

.txtCellEnd{
	width: 275px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #666666;
	padding-top: 2px;
	padding-bottom: 20px;}

.cRight{
	width: 440px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 10px;
	color: #B8B6B6;
	padding-top: 2px;
	padding-bottom: 5px;}
</style>
<body><br><br><br>

<table cellpadding="0" cellspacing="0" class="back">
<tr>
<td style="text-align:center; vertical-align:middle;">
<table cellpadding="0" cellspacing="0">
<tr>
<td class="topCell">Micke Andersson har skickat ett Vykort till dig!</td>
</tr>
<tr>
<td class="imgCell"><img src="data/vCard_1.jpg"></td>
</tr>
<tr>
<!--########################-->
<td style="width: 440px; margin-left: auto; margin-right: auto;">
	<table cellpadding="0" cellspacing="0">
	<tr>
	<td class="txtCellIn">Det här är ett meddelande man skriver i det vykort man skickar från hemsidan.</td>
	</tr>
	<tr>
	<td class="txtCellIn"><hr></td>
	</tr>
	<tr>
	<td class="txtCellEnd">Micke Andersson<br><a href="mailto:Info@MickeA.com" class="cFrom">Info@MickeA.com</a></td>
	</tr>
	</table>
</td>
<!--########################-->
</tr>
<tr>
<td class="cRight">© 2004 <a href="http://www.horseinmind.com" target="_blank">HorseInMind.com</a> som tillhandahåller denna Tjänst</td>
</tr>
</table>
</td>
</tr>
</table>
<table style="width:100px; margin-left: auto; margin-right: auto;">
<tr>
<td style="text-align: center; padding-top: 25px;"><input type="button" onClick="window.close(self);" value="Stäng"></td>
</tr>
</table>
</body>

Jag kan inte se felet, kan ni?
All hjälp jag kan få för att rätta till den här buggen vore kanon.

Tack !!!

PalleMedlem sedan apr. 20003 174 inlägg

4 juni 2004 06:21#2

Du har satt attributen på fel ställe bara. :)

[red]...

<tr>
<!--########################-->
<td style="width: 440px;">

	<table cellpadding="0" cellspacing="0" [blue]style="margin: 0 auto;"[/blue]>
	<tr>
	<td class="txtCellIn">Det här är ett meddelande man skriver i det vykort man skickar från hemsidan.</td>
	</tr>
	<tr>
	<td class="txtCellIn"><hr></td>
	</tr>
	<tr>
	<td class="txtCellEnd">Micke Andersson<br><a href="mailto:Info@MickeA.com" class="cFrom">Info@MickeA.com</a></td>
	</tr>
	</table>

</td>
<!--########################-->
</tr>

...[/red]

MickeA.comMedlem sedan feb. 20034 441 inlägg

4 juni 2004 12:06#3

Nu fungerar det utmärkt, tack så mkt för hjälpen !