Pageflip in FF und Opera winzig

[Ingaliesa]

Hallo,

ich habe mir bei Flashpageflip.com das kostenlose Buch heruntergeladen. Die Anpassung hat prima funktioniert. Als einzel Seite zeigt es richtig an: http://www.vontimest.de/Memory/Hannah/Free Version/Default.html Binde ich es in meine Page ein wird es in Firefox und Opera nur winzig angezeigt, bei IE ist es ok.
Was mache ich falsch?

Das ist meine CSS
/*======================================*
** menu.css
**======================================*/

body {
font-family:Verdana, arial, sans-serif;
font-size: 83%;
margin: 0px;
padding: 0px;
background-image: url(leiste.jpg);
background-repeat: no-repeat;
background-position: 0px 4px;
background-color: #002664;

}

#grafik {
width: 100%;
background:url(balken-end.jpg);
background-repeat: no-repeat;
background-position: 871px 0px;
}

#header {
width: 100%;
background:url(top-name.jpg);
margin-left:1px;
/* *margin-left:1px; */
}

#wrapper {
width: 905px;
height: 100%;
overflow:visible;
margin-left:195px;
}

#Book {
width: 905px;
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesth&ouml;he in IE (<7) */
}
#footer {
position:fixed;
bottom:0px;
padding:20px;
color:#dddddd;
clear:both;
margin-left:195px;
background-color: #002664;
width: 905px;
height: 28px;

}


.navigation { /*Position Hauptmenu*/
height:80px;
width:871px;
/* *width: 871px; */
background:url(balken-str.jpg);
position:relative;
font-family:verdana, arial, sans-serif;
font-size:11px;
z-index:500;
margin-top:0px;
margin-left:1px;
/* *margin-left:1px; */
margin-bottom:0px;
}

.navigation .select {
margin:0;
padding:0;
list-style:none;
white-space:nowrap;
}

.navigation li { /*Hauptlistenpunkte horizontal stellen*/
float:left;
background:transparent;
}

.navigation .select a { /*Definition Hauptliste*/
display:block;
height:36px;
float:left;
background:transparent;
padding:0 0 0 10px;
text-decoration:none;
line-height:25px;
white-space:nowrap;
color:#ddd; /*Farbe Text ohne weitere Ebene*/
}

.navigation .select li.line a {color:#ddd;} /*Farbe Text mit weitere Ebene*/

.navigation .select a b {
display:block;
padding:0 1px 1px 10px;
background:transparent right top;
}

.navigation .select a:hover, /*obere Leiste*/
.navigation .select li:hover a {
background:transparent;
padding:0 0 0 10px;
line-height:45px;
cursorointer;
color:#fff; /*Farbe gehoverter Text ohne weitere Ebene*/
}

.navigation .select li.line a:hover,
.navigation .select li.line:hover a {
color:#fff;} /*Farbe gehoverter Text mit weitere Ebene*/

.navigation .select a:hover b,
.navigation .select li:hover a b {
display:block;
padding:0 10px 9px 0px;
background:transparent right top;
cursorointer;
}

.navigation .sub {
display:none;
}
.navigation ul ul {display:none;}

/* IE6 only */
.navigation table {
border-collapse:collapse;
margin:-1px;
font-size:1em;
width:0;
height:0;
}

.navigation .sub {
margin:0;
padding:0;
list-style:none;
}

.navigation .sub li {background:transparent;}

.navigation .select :hover .sub {
height:25px;
display:block;
position:absolute;
float:left;
width:871px;
top:28px;
left:1px;
text-align:center;
background:transparent; /*Hintergrund 2.Ebene*/
border:0px solid red; /*Trennlinie*/
border-width:0px 0;
}


.navigation .select :hover .rt li {float:right;}

.navigation .select :hover .sub li a
{display:block; height:50px; line-height:22px; float:left; background:#c6d5f2; padding:0 10px; margin:0; white-space:nowrap; color:#002664;font-size:10px;}

.navigation .select :hover .sub li.subline a {color:#002664;}

.navigation .select :hover .sub li a:hover,
.navigation .select :hover .sub li:hover
{color:red; line-height:20px; position:relative;}

.navigation .select :hover .sub li:hover > a {color:#000;}

.navigation .select :hover .sub :hover ul {padding:0; margin:0; list-style:none; display:block; width:112px; position:absolute; left:-1px; top:25px; border-bottom:1px solid #886; background:#fff;}

.navigation .select :hover .sub :hover ul ul {position:absolute; left:-9999px;}
.navigation .select :hover .sub :hover ul li {border:1px solid #886; border-width:0 1px;}

.navigation .select :hover .sub :hover ul li a {width:80px; text-align:left; height:20px; line-height:18px; background:#fff;}
.navigation .select :hover .sub :hover ul li a:hover {line-height:16px;}
.navigation .select :hover .sub :hover ul li:hover > a {line-height:16px;}

.navigation .select :hover .sub :hover ul :hover ul {left:112px; top:0; border:1px solid #886; border-width:0 1px 1px 0; background:#fff;}

.navigation .select :hover .rt :hover ul :hover ul {left:-113px; top:0; border:1px solid #886; border-width:0 0 1px 1px;}

.navigation .select :hover .sub :hover ul :hover ul li {border-left:1px solid #886; background:#fff;}

.navigation .select :hover .sub :hover ul :hover ul li.a1 {border-left:1px solid #fff;}
.navigation .select :hover .sub :hover ul :hover ul li.a2 {border-top:1px solid #886; height:19px;}

.navigation .select :hover .rt :hover ul :hover ul li {border-right:1px solid #886; border-left:0;}
.navigation .select :hover .rt :hover ul :hover ul li.a1 {border-right:1px solid #fff; border-left:0;}

H1 {
font-family:Verdana;
font-size: 20pt;
font-style : italic;
text-align : center;
color:#dddddd;
margin-left:1px;
/* *margin-left:1px; */
}

H2 {
font-family:Verdana;
font-size: 14pt;
font-style : italic;
text-align : center;
color:#dddddd;
margin-left:1px;
}

H3 {
font-family:Verdana;
font-size: 10pt;
text-align : justify;
font-weight : bold;
margin-left:20px;
/* *margin-left:20px; */
margin-right:20px;

color:#dddddd;
line-height : 150%;
}

H4 {
font-family:Verdana;
font-size: 18pt;
text-align : left;
margin-left:215px;
}

H5 {
font-family:Verdana;
font-size: 10pt;
text-align : center;
font-weight : bold;
margin-left:20px;
/* *margin-left:20px; */
margin-right:20px;

color:#dddddd;
line-height : 150%;
}

H6 {
font-family:Verdana;
font-size: 10pt;
text-align : justify;
font-weight : bold;
margin-left:20px;
/* *margin-left:20px; */
margin-right:20px;
color:#002664;

}

H7 {
font-family:Verdana;
font-size: 10pt;

}

a:link { text-decoration:underline; font-weight:bold; color:#e00000; }
a:visited { text-decoration:none; font-weight:bold; color:#e00000; }
a:hover { text-decoration:none; font-weight:bold; background-color:#dddddd; }

table {

border-collapse: collapse; }


tr.even td
{
color:#002664; background-color:#dddddd;
border: 1px solid #002664;
padding-left: 5px;
}

td
{
color:#dddddd; background-color:#002664;
padding-left: 5px;

}

 

[Ingaliesa]

Sorry, zweiten Pfad vergessen.
http://www.vontimest.de/Memory/Hannah/Free Version/test.shtml

 

[Sven Mintel]

Moin,

hat sich das mittlerweile erledigt?
Ich seh da nichts was zu klein ist :-(

 

[Ingaliesa]

Hallo Sven,

ja, ich hab eine Möglichkeit gefunden. Aber nun geht meine Navi in Opera und IE under dem Buch auf. Ich krieg noch die Krise. Wäre lieb, wenn jemand den fehler sieht. Danke.

 

[Sven Mintel]

Ändere mal den <script>-Block für das PageFlip dahingehend:

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
'width','905',
'height','650',
'src','swf/Magazine',
'quality','high',
'pluginspage','http://www.macromedia.com/go/getflashplayer',
'bgcolor','#cccccc',
'allowFullScreen','true',
'wmode','transparent',
'allowScriptAccess','sameDomain',
'movie','swf/Magazine' ); //end AC code
</script>

Dort ist etwas dazugekommen:

'wmode','transparent',

..das Attribut "wmode" sorgt bei Flash-Movies u.A. dafür, dass der Film nicht alles überdeckt

 

[Ingaliesa]

Hallo Sven,

das ist zwar optisch iO., aber man kommt dann nicht an die dritte Ebene der Navi. Im Firefox funktioniert es so wie es soll, nur bei den anderen Browsern nicht. *Haare rauf*.

 

[Ingaliesa]

Hi Sven,

man sollte öfter mal die Programme schliessen. Jetzt geht es. Danke für Deine Hilfe. Nur bei IE muss man nun auf Kompatibilitätsmodus gehen. Seltsam, seltsam.