Konstigt visningsfel i Safari/MAC

KattagrafenMedlem sedan juli 200612 inlägg

Frågan8 feb. 2007 20:03#1

Hej!

Jag har gjort en ny sida till golfklubben,här är den .
Den validerar som den skall både vad gäller HTML och CSS

Men - när jag kollade sidan i Browsershots upptäckte jag till min förskräckelse att Safari på MAC enbart visar Flashfilmen och ingenting av texten på sidan - länk här

Vad har jag gjort för fel och hur borde jag ha gjort istället?

Tack på förhand
Katta

HTML-koden:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>V&auml;lkommen till Uddeholms Golfklubb!</title>
<link href="udgk2007.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="Header">
<div id="Flash">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
           codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
           width="750" height="140">
    <param name="movie" value="udgk.swf"/> 
    <param name="quality" value="high"/>

    <param name="bgcolor" value="#FFFFFF"/>
    <!--[if !IE]> <-->
    <object data="http://www.uddeholmsgk.com/udgk.swf"
            width="750" height="140" type="application/x-shockwave-flash"/>
     <param name="quality" value="high"/>
     <param name="bgcolor" value="#FFFFFF"/>
     <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer"/>
     
    <!--> <![endif]-->
</object>
  

</div>
</div>

<div id="Menu">
<a class="lank" href="index.html">Startsidan</a>
<span class="lank"><a href="klubben.html">Klubben</a></span> 
<span class="lank"><a href="banan.html">Banguide</a></span> 
<span class="lank"><a href="tavlingar2007.html">T&auml;vlingar 2007</a></span> 
<span class="lank"><a href="avgifter.html">Avgifter</a></span> 
<span class="lank"><a href="shopochr.html">Shop &amp; Restaurang</a></span> </div>

<div id="Content">
<div id="Box2">
<div class="Header2">  
  <div align="center" class="style2">V&auml;lkommen till Uddeholms Golfklubb!</div>
</div>
<p>&Aring;rsm&ouml;tet h&aring;lls p&aring; Bj&ouml;rns V&auml;rdshus torsdag 1 mars klockan 19.00<br />
  <br />

  Kansliets &ouml;ppettider:<br />
  J&auml;mna veckor m&aring;n-tis 8-16<br />
  Oj&auml;mna veckor m&aring;n-ons 8-16</p>
<p>Nyhet! M&ouml;jlighet till autogiro -&gt;<a href="pdf/autogiro.pdf"> l&auml;s mer h&auml;r! </a></p>

<p>Medlemsans&ouml;kan 2007 -&gt; <a href="pdf/medlemsansokan2007.pdf" target="_blank">klicka h&auml;r. </a></p>
<p>&nbsp;</p>
</div>

<div id="Box1">
  <div class="Header1">L&auml;nkar</div>
  <p align="left"><a href="http://www.femdagarsgolf.se/" target="_blank">Femdagarsgolf</a><br />

    <a href="pdf/golfpaket.pdf" target="_blank">Golfpaket</a><br />
    <a href="http://www.golfhaftet.se/" target="_blank">Golfh&auml;ftet</a><br />
    <a href="http://www.golf.se/extra/pod/?module_instance=2" target="_blank">Golf.se</a><br />
    <a href="http://www.golfkompis.se/?id=1" target="_blank">Golfkompis</a><br />
    <a href="http://www.stuguthyrning.norrarada.com/" target="_blank">Stuguthyrning</a><br />
    <br />

    Tidsbokning -&gt; <br />
    boka p&aring; Golf.se <br />
    eller ring kansliet <br />
    0563 - 605 64 <br />
    <br />

    <img src="Loggo2_orginal.jpg" alt="logga" width="80" height="100" longdesc="Loggo2_orginal.jpg" /><br />
    <br />
  </p>
  </div>

</div>
<div id="End">
  <div align="center">© Uddeholms Golfklubb 2007. Webproduktion: <a href="http://kattagrafen.se" target="_blank">Kattagrafen </a></div>
</div>

</body>
</html>

CSS-filen:

/* Sidan */

body {
background-color: #dadada;
font-family: Verdana, Tahoma, sans-serif;
font-size: 11px;
}

/* Formateringen */

#Header {
width: 800px;
height: 160px;
background-image: url(grafik/huvudbild.gif);
margin: auto;
}

#Flash {
	height: 145px;
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 25px;
	
}

#Menu {
width: 800px;
height: 30px;
background-image: url(grafik/sidbakgrund.gif);
margin: auto;
}

#Content {
width: 800px;
background-image: url(grafik/sidbakgrund.gif);
margin: 0px auto;
}

#Box1 {
width: 175px;
margin-left: 20px;
border-left: 1px;
border-top: 1px;
border-right: 1px;
border-bottom: 2px;
padding: 2px;
float:none;
}

#Box2 {
width: 550px;
margin-right: 15px;
border-left: 1px;
border-top: 1px;
border-right: 1px;
border-bottom: 2px;
padding: 2px;
float: right;
}

#Box3 {
width: 750px;
margin-left: 20px;
border-left: 1px;
border-top: 1px;
border-right: 1px;
border-bottom: 2px;
padding: 2px;
}

#Box4 {
width: 350px;
margin-left: 5px;
margin-right: 25px;
border-left: 1px;
border-top: 1px;
border-right: 1px;
border-bottom: 2px;
padding: 2px;
float: right;
}

#Box5 {
width: 350px;
margin-left: 20px;
border-left: 1px;
border-top: 1px;
border-right: 1px;
border-bottom: 2px;
padding: 2px;

}

#End {
width: 800px;
height: 50px;
background-image: url(grafik/sidfot.gif);
margin: auto;
}

.Header1 {
width: 175px;
height: 21px;
background-image: url(grafik/header1.gif);
color: #333333;
font-weight: bold;
font-size: 14px;
padding-left: 2px;
padding-top: 5px;
}

.Header2 {
width: 550px;
height: 21px;
background-image: url(grafik/header2.gif);
color:#333333;
font-weight: bold;
font-size: 14px;
padding-left: 2px;
padding-top: 5px;
}

.Header3 {
width: 750px;
height: 21px;
background-image: url(grafik/header2.gif);
color:#333333;
font-weight: bold;
font-size: 14px;
padding-left: 2px;
padding-top: 5px;
}

.Header45 {
width: 350px;
height: 21px;
background-image: url(grafik/header2.gif);
color:#333333;
font-weight: bold;
font-size: 14px;
padding-left: 2px;
padding-top: 5px;
}

/* Text */
.normal {
color:#333333;
}

.lank {
margin-left: 35px;
font-weight: bold;
font-size: 14px;
}

/* Länkar */

a {
   color: #003366;
   text-decoration: none;
}

a:hover{
   color: #333333;
   text-decoration: underline;
}