webForumDet fria alternativet

Problem med FF

4 svar · 481 visningar · startad av fried

friedMedlem sedan apr. 200819 inlägg
#1

Koden funkar prima i internet explorer, men i FF så flyttas templaten lite till höger? Hur gör jag för att hindra detta? Tack för hjälp i förhand...

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>bakgrund</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body
<center>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<link rel="stylesheet" href="mall.css">
<style type="text/css">
  body {
    padding-left: 14em;
    color: black;
    background-color: none }
     ul.navbar {
         list-style-type: none;
         padding: 0;
         margin: 0;
    position: absolute;
    margin-top:16em;
    margin-left:5em;
    width: 9em }
    h1 {
    font-family: Helvetica, Geneva, Arial,
          SunSans-Regular, sans-serif }
  ul.navbar li {
    background: none;
    margin: 0.6em 0;
    padding: 0.4em;
    border-left: 1.2em solid orange }
  ul.navbar a {
    text-decoration: none }
  a:link {
    color: black }
  a:visited {
    color: black }
  address {
    margin-top: 1em;
    padding-top: 1em;
    border-top: thin dotted }
</style>
  </style>
</head>

<body>
<!-- Site navigation menu -->
<ul class="navbar">
  <li><a href="sony.html">Forum</a>
  <li><a href="samsung.html">Dina bilder</a>
  <li><a href="lg.html">Fr&auml;schaste</a>
  <li><a href="nokia.html">Jtube</a>
  <li><a href="Motorola.html">Kontakta oss</a>
  <li></li>
</ul>

<!-- Main content -->

<div id="adsense">
  <script type="text/javascript">
	<!--
	google_ad_client = "pub-3276635821711239";
	google_ad_slot = "4128324556";
	google_ad_width = 120;
	google_ad_height = 600;
	//-->
    </script>
  <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>

<div id="link">
<script type="text/javascript"><!--
google_ad_client = "pub-3276635821711239";
/* 468x15, skapad 2008-04-25 */
google_ad_slot = "8632462736";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<div style="position:statisk;margin-center">
<!-- ImageReady Slices (bakgrund.bmp) -->
<table id="Table_01" width="900" height="901" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="2">
			<img src="images/bakgrund_01.gif" width="544" height="168" alt=""></td>
		<td>
			<img src="images/bakgrund_02.jpg" width="356" height="168" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/bakgrund_03.jpg" width="242" height="474" alt=""></td>
		<td colspan="2" rowspan="2">
			<img src="images/bakgrund_04.jpg" width="658" height="732" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/bakgrund_05.jpg" width="242" height="258" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="242" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="302" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="356" height="1" alt=""></td>
	</tr>
</table>
</center>
<!-- End ImageReady Slices -->
</body>
</html>

CSS:

body {margin: 0; padding: 0;}
#adsense {
	position: absolute;
	margin-top:11em;
	margin-left:48em;
       
} 

#link {
         position: absolute;
 margin-top:11em;
 margin-left:17em;

}
TengbladMedlem sedan dec. 19996 590 inlägg
#2

En början vore att koda efter den doctype du försökt ange. 71 fel i den lilla kod du skrivit.

voigtann1Medlem sedan juni 20018 810 inlägg
#3
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>bakgrund</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<link rel="stylesheet" href="mall.css" />
		<style type="text/css">
			body {
				padding-left: 14em;
				color: black;
				background-color: none;
				background-color: #fff;
				margin: 0;
			}
			ul.navbar {
				list-style-type: none;
				padding: 0;
				margin: 0;
				position: absolute;
				margin-top:16em;
				margin-left:5em;
				width: 9em;
			}
			h1 { font-family: Helvetica, Geneva, Arial,SunSans-Regular, sans-serif; }
			ul.navbar li {
				background: none;
				margin: 0.6em 0;
				padding: 0.4em;
				border-left: 1.2em solid orange;
			}
			ul.navbar a	{ text-decoration: none; }
			a:link		{ color: black }
			a:visited	{ color: black }
			address {
				margin-top: 1em;
				padding-top: 1em;
				border-top: thin dotted;
			}
			#table_01 {
				width: 900px;
				height: 901px;
				border:0;
			}
			
			#table_01 td {
				margin:0;
				padding:0;
			}
		</style>
	</head>
	<body>
	<!-- Site navigation menu -->
	<ul class="navbar">
		<li><a href="sony.html">Forum</a></li>
		<li><a href="samsung.html">Dina bilder</a></li>
		<li><a href="lg.html">Fr&auml;schaste</a></li>
		<li><a href="nokia.html">Jtube</a></li>
		<li><a href="Motorola.html">Kontakta oss</a></li>
	</ul>

	<!-- Main content -->
	<div id="adsense">
	  <script type="text/javascript">
		<!--
		google_ad_client = "pub-3276635821711239";
		google_ad_slot = "4128324556";
		google_ad_width = 120;
		google_ad_height = 600;
		//-->
		</script>
	  <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
	</div>

	<div id="link">
		<script type="text/javascript">
		<!--
		google_ad_client = "pub-3276635821711239";
		/* 468x15, skapad 2008-04-25 */
		google_ad_slot = "8632462736";
		google_ad_width = 468;
		google_ad_height = 15;
		//-->
		</script>
		<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
	</div>

	<div style="position:statisk;">
		<!-- ImageReady Slices (bakgrund.bmp) -->
		<table id="Table_01">
			<tr>
				<td colspan="2">
					<img src="images/bakgrund_01.gif" style="width:544px;height:168px;" alt="" /></td>
				<td>
					<img src="images/bakgrund_02.jpg" style="width:544px;height:168px;" alt="" /></td>
			</tr>
			<tr>
				<td>
					<img src="images/bakgrund_03.jpg" style="width:242px;height:474px;" alt="" /></td>
				<td colspan="2" rowspan="2">
					<img src="images/bakgrund_04.jpg" style="width:658px;height:732px;" alt="" /></td>
			</tr>
			<tr>
				<td>
					<img src="images/bakgrund_05.jpg" style="width:242px;height:258px;" alt="" /></td>
			</tr>
			<tr>
				<td colspan="3">
					<img src="images/spacer.gif" style="width:900px;height:1px;" alt="" />
				</td>
			</tr>
		</table>
		<!-- End ImageReady Slices -->
	</div>
	</body>
</html>

för validering.

friedMedlem sedan apr. 200819 inlägg
#4

Nu är EN del av templaten åt höger, och alla template bitar är lite ifrån varandra?
Tacksamt om någon kunde säga vad som var fel...

voigtann1Medlem sedan juni 20018 810 inlägg
#5

när jag körde din validering så kommer all text till vänster. Du får ge mer CSS kod om du vill ha hjälp, vilka delar är till höger?

Genererad på 379 ms · cache AV · v20260730165559-full.f96bc7eb