if {Thickbox+Safari=not good, else - perfect}

**cellshade** · 22.08.2007 18:53

Hallo Multimedianer,

Nachdem ich mir die Thickbox installiert habe und diese auch wunderbar funktioniert, habe ich nun das Problem, dass mir ALLE .. und ich meine wirklich ALLE Browser sogar IE6 mit der Firmeneinstellung meiner Firma (und die ist heftig) das Layout korrekt anzeigen (nämlich zentriert) bis auf den sonst so tolleranten Safari der im übrigen auch mein Standardbrowser ist (MAC). Des weiteren habe ich das Problem, dass sich auf der Startseite das Flashvideo auch trotz der Thickbox in den Vordergrund drängt (Zumindest reportet dies ein Freund von mir mit IE7 .. dafür gibts bei IE6 kein Problem. Dort wird das FlashVideo einfach ausgeblendet.

Siehe Screenshot

Ich hab keine Ahnung wieso !
Und dabei ist das Layout sogar in Tabellen die natürlich zentriert sind

Hier der Code. --> weiß jemand Abhilfe ? www.park-football.com (try that link with Safari)

---------------------------------

HTML-Code:

<!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"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
<head>

<link rel="stylesheet" href="../css/thickbox.css" type="text/css" media="screen" />

<script type="text/javascript" src="http://www.park-football.com/Scripts/jquery.js"></script>
<script type="text/javascript" src="http://www.park-football.com/Scripts/thickbox.js"></script>

<script type="text/javascript">
_uacct = "UA-2339200-1";
urchinTracker();


function MM_CheckFlashVersion(reqVerStr,msg){
  with(navigator){
    var isIE  = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
    var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
    if (!isIE || !isWin){  
      var flashVer = -1;
      if (plugins && plugins.length > 0){
        var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
        desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
        if (desc == "") flashVer = -1;
        else{
          var descArr = desc.split(" ");
          var tempArrMajor = descArr[2].split(".");
          var verMajor = tempArrMajor[0];
          var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
          var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
          flashVer =  parseFloat(verMajor + "." + verMinor);
        }
      }
      // WebTV has Flash Player 4 or lower -- too low for video
      else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;

      var verArr = reqVerStr.split(",");
      var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
  
      if (flashVer < reqVer){
        if (confirm(msg))
          window.location = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
      }
    }
  } 
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Park-Football.com</title>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body {
	background-image: url(images/gras5.jpg);
	background-repeat: repeat;
}
-->
</style>

<style type="text/css">
<!--
.Stil1 {
	color: #006699;
	font-weight: bold;
	font-size: 24px;
}
.Stil2 {
	font-size: 11px
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif, Myriad Pro, Verdana;
}
-->
</style>
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<!-- InstanceBeginEditable name="head" --><style type="text/css">
<!--
body {
	background-image: url(images/gras5.jpg);
}
-->
</style>
<style type="text/css">
<!--
.style1 {
	color: #FFFFFF
}
-->
</style>
<!-- InstanceEndEditable --><!-- InstanceParam name="Impressum" type="boolean" value="true" --><!-- InstanceParam name="OptionalRegion1" type="boolean" value="true" -->
<link href="../css/maincontainertext.css" rel="stylesheet" type="text/css" />
</head>

<body onload="MM_CheckFlashVersion('9,0,28,0','Sie benötigen eine höhere Version des Adobe Flash Players. Möchten Sie diesen Versionsupdate nun durchführen ?');">
<table border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="194" colspan="3" background="layout/images/mainheader.jpg">&nbsp;</td>
  </tr>
  <tr>
    <td width="335" rowspan="2" valign="top"><div id="flashbox">
      <div align="center">
        <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','250','height','200','title','Park-Football Logo','src','../f/images/pf','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../f/images/pf' ); //end AC code
      </script>
        <noscript>
          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="250" height="200" title="Park-Football Logo">
            <param name="movie" value="http://www.traum-projekt.com/forum/images/pf.swf" />
            <param name="quality" value="high" />
            <embed src="http://www.traum-projekt.com/forum/images/pf.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="250" height="200"></embed>
          </object>
          </noscript>
      </div>
    </div>
<!-- InstanceBeginEditable name="layoutleft" -->
            <div align="center"><img src="http://www.traum-projekt.com/forum/images/joinus.jpg" alt="Join Park-Football" width="272" height="207" /></div>
<!-- InstanceEndEditable -->
            <p>&nbsp;</p></td>
    <td width="508" height="85" valign="middle" background="layout/images/textheader.jpg"><!-- InstanceBeginEditable name="Überschrift" -->
      <div id="ueberschrift">
        <div align="center" class="Stil1">Park-Football.com</div>
      </div>
    <!-- InstanceEndEditable --></td>
    <td width="16">&nbsp;</td>
  </tr>
  <tr>
    <td align="left" valign="top" background="layout/images/textbody.jpg"><!-- InstanceBeginEditable name="Main" -->
      <div id="maincontainertext">
        <div align="center">Starting this Week !! --&gt; Yeehaaaaa !! </div>
        <div align="center"></div>
        <div id="preview">
          <div align="center">
            <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','352','height','258','id','FLVPlayer','src','FLVPlayer_Progressive','flashvars','&MM_ComponentVersion=1&skinName=Corona_Skin_2&streamName=deutsch/videos/intro&autoPlay=true&autoRewind=true','quality','high','scale','noscale','name','FLVPlayer','salign','lt','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','FLVPlayer_Progressive' ); //end AC code
          </script>
            <noscript>
              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="352" height="258" id="FLVPlayer">
                <param name="movie" value="FLVPlayer_Progressive.swf" />
                <param name="salign" value="lt" />
                <param name="quality" value="high" />
                <param name="scale" value="noscale" />
                <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Corona_Skin_2&streamName=deutsch/videos/intro&autoPlay=true&autoRewind=true" />
                <embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Corona_Skin_2&streamName=deutsch/videos/intro&autoPlay=true&autoRewind=true" quality="high" scale="noscale" width="352" height="258" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" />                
</object>
            </noscript>
          </div>
        </div>
        <p align="center">Park-Football - everything else is just Football !</p>
        <p align="center"><br />
        Wir starten noch diese Woche durch !!!! ...</p>
        <p align="center">&nbsp;</p>
        <p align="center">Dein Park-Football.com Team !<br />
        </p>
        <p>&nbsp;</p>
      </div>
    <!-- InstanceEndEditable --></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td height="40" background="layout/images/textlegal.jpg"><div class="Stil2" id="bottom">
      <div align="center"><strong> <a href="http://www.park-football.com/impressum.html?height=120&amp;width=250" class="thickbox" titel="Park-Football.com | Impressum"><strong>Impressum</strong></a> | AGB | Werben | Kontaktformular | © 2007 Park-Football.com</strong></div>
    </div></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
  
  </tr>
</table>
</body>
<!-- InstanceEnd --></html>

---------------------------------------------

**Rinaldo** · 22.08.2007 20:48

Ähm, bei mir ist die Site NICHT zentriert - Firefox 2.0.0.6 WinXP.

**cellshade** · 23.08.2007 09:18

KOMISCH ... ok hab mich zu früh gefreut.

Folgende Browser zeigen meine Webseite korrekt zentriert an :

Internet Explorer 6 (6.0.2900.2180)
Opera (9.22)
Internet Explorer 7 (Version unbekannt)

Hier gibt es Probleme

Safari (3.0.5)
Firefox (2.0.0.3) + (2.0.0.6)

Bin für Input dankbar

zur Startseite vom TP

Thema: if {Thickbox+Safari=not good, else - perfect}

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

if {Thickbox+Safari=not good, else - perfect}

Aktive Benutzer

Aktive Benutzer