---
title: "Centreringsfel i Safari"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/106487-centreringsfel-i-safari"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "MickeA.com"
published: "2004-06-30T16:58:35.000Z"
updated: "2004-06-30T18:18:36.000Z"
replies: 2
views: 246
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/106487-centreringsfel-i-safari"
---

# Centreringsfel i Safari

## #1 — MickeA.com, 2004-06-30T16:58Z

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 ;)

Bilagor:

- [bild 1.pdf](https://www.webforum.nu/a/3839.pdf)

Permalänk: https://www.webforum.nu/p/106487

## #2 — jarvklo, 2004-06-30T17:55Z

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](http://www.w3.org/TR/CSS2/tables.html#q7)... 

> 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 ;)

Permalänk: https://www.webforum.nu/p/1377714

## #3 — MickeA.com, 2004-06-30T18:18Z

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.

:)

Permalänk: https://www.webforum.nu/p/1377722

---

Tråden på webben: https://www.webforum.nu/amne/html-css/106487-centreringsfel-i-safari
