webForumDet fria alternativet

Centreringsfel i Safari

2 svar · 246 visningar · startad av MickeA.com

MickeA.comMedlem sedan feb. 20034 441 inlägg
#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 ;)

jarvkloMedlem sedan juli 20013 378 inlägg
#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
#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.

:)

138 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
135 ms — hämta tråd, inlägg och bilagor (db)