Centreringsfel i Safari

MickeA.comMedlem sedan feb. 20034 441 inlägg

Trådstart30 juni 2004 16:58#1

Hej

Har en sida, som är helt schysst validerad enligt W3, den funkar i IE, Mozilla, men tydligen inte i Safari (kan inte kolla själv, då jag inte kör MAC).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Reuterswärd Månsson Design - Vi ses efter Sommaren!</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body bgcolor="#C2C287" text="#000000" id="all" leftmargin="10" topmargin="10" marginwidth="10" marginheight="10" link="#660000" vlink="#660000" alink="#660000">
<div id="fl">
	<table class="cTbl">
	<tr>
	<td class="cTd">
	
		<table cellpadding="0" cellspacing="0">
                ---------------------------------------------
                <tr>
		<td style="width: 660px; margin: 0 auto;"><img src="pics/home_txt.gif" border="0" alt="0"></td>
		</tr>
                ---------------------------------------------
		<tr><td style="height: 10px;"><img src="pics/spacer.gif" border="0" alt=""></td></tr>
		<tr>
		<td style="width: 660px; margin: 0 auto;">
			
			<form name="mFrm" method="post" action="?a=aMail" style="margin: 0px;">
			<table cellpadding="0" cellspacing="0" style="width: 295px; margin: 0 auto;">
			<tr>
			<td>
			<input type="text" name="strMail" size="30" class="txts">
			</td>
			<td style="padding-top: 5px; padding-left: 10px;">
			<input type="image" src="pics/frm_submit.gif" style="border: 0px;" onClick="return cMail();">
			</td>
			</tr>
			</table>
			</form>
			
		</td>
		</tr>
		<tr>
		<td class="pBot"><a href="#" onClick="popWin('cookies.htm', 450, 300);" class="txtLink">Information om Cookies</a></td>
		</tr>
		</table>
	
	</td>
	</tr>
	</table>
</div>
</body>
</html>

Lite CSS:

table.cTbl{
	width: 660px;
	height: 480px;
	margin-left: auto;
	margin-right: auto;
	border-top: 0px #000000 solid;
	border-right: 0px #000000 solid;
	border-left: 0px #000000 solid;
	border-bottom: 0px #000000 solid;}

td.cTd{
	width: 660px;
	text-align: center;
	vertical-align: bottom;
	background-image: url('../pics/home_bg.jpg');
	background-repeat: no-repeat;}

td.pBot{
	width: 660px;
	text-align: center;
	vertical-align: bottom;
	font-family: verdana, arial, helvetica;
	font-size: 8pt;
	color: #c8c8c8;}

#fl{
position: absolute;
width: 660px;
height: 480px;
top: 50%;
left: 50%;
margin: -240px 0 0 -330px;
border: 0px #000000 solid;
}

Kolla i min bifogade fil vad som inte stämmer, vad som hamnar lite snett.
Själv hittar jag inget fel i koden, men man brukar ju stirra sig blind på sina egna grejjer.

Tack!

/red Det är det inom linjerna ovan som strular

bild 1.pdf (175 kB)

jarvkloMedlem sedan juli 20013 378 inlägg

30 juni 2004 17:55#2

Hmm..

Antar att det är att bilden med texten "Välkommen tillbaka.." hamnar vänsterjusterad istället för centrerad som är problemet ?

Har inte heller Mac, men jag reagerar på följande:

<td>-celler har inga marginaler enligt CSS2...

Like other elements of the document language, internal table elements generate rectangular boxes with content, padding, and borders. They do not have margins, however.

Vad händer om du sätter

display:block;margin:0 auto;

på <img>-taggen istället för på <td> ?

Om inte det funkar, så kanske du kan prova att ta till

<td align="center">

Jag menar, du kodar ju ändå i hederlig gammal HTML4.01 Transitional

MickeA.comMedlem sedan feb. 20034 441 inlägg

30 juni 2004 18:18#3

Har ändrat och dragit iväg ett mail till vederbörande, får se om det funkar sen när svaret dimper ner i min inkorg.