Standard Layout bei Internet Explorer 9 gestaucht

[realbeginner]

Hallo Leute,

ich verzweifle seit einiger Zeit an einer Webtemplate, die unter Firefox perfekt dargestellt wird - Internet Explorer 9 zeigt aber nur eine "gestauchte Version" an, d.h. die Hintergrundbilder (home_slider) werden auf eine schmale Leiste reduziert und die unten stehende Navigation schiebt sich ans obere Ende des Browsers über den Homeslider.
Ich hab Euch mal den Code der Home.xml und den home_slider beigefügt, vielleicht lässt sich so der Fehler finden. Die index Datei liegt mir auch noch als Flash (5.5) vor, falls das weiterhelfen könnte.
Wenn Ihr mehr Informationen braucht, sagt bitte Bescheid.

Hier die Home.xml:
<?xml version="1.0" ?>
<home logo="data/images/logo.png"
logo_x="30"
logo_y="30"

menu_bg_color="0xFFFFFF"
menu_bg_height="180"
menu_bg_alpha = "95"

menu_items_x="30"
menu_items_y="30"

menuColumnsWidth="70"
menuSpace_title_item="24"
menu_item_distance="16"
menu_shadow="true"

menu_line_visibility="true"
menu_line_height="80"
menu_line_color="0xCCCCCC"
menu_line_x="410"
menu_line_y="30"

grill_alpha="30"
footer_color="0xDEDEDE"
footer_alpha="100"
footer_text_color="0xA5A5A5"
loading_bar_color="0x66CC00"


text1_menu_x="450"
text1_menu_y="30"
text1_menu_area="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor accusantium consectetur"
text1_menu_area_color="0x666666"

text2_menu_x="450"
text2_menu_y="60"
text2_menu_area="Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo."

text2_menu_area_color="0x999999"
text_menu_area_width="460"
socials="true"
swfPath="data/swf/"
bgPath="data/images/bg/"
bgAlpha="15"
introfile="home_slider.swf"
html_page_title="Emotional Template"
footerText="Emotional Template © 2010 Lorem ipsum dolor sit amet, consectetur adipisicing">





<!--Menu items -->
<section title="HOME" active="true" typology="home" file="home_slider.swf" color="0x333333" colorOver="0x999999" bg=""></section>

<section title="ABOUT" active="false" typology="" file="" color="0x333333" colorOver="0x999999" bg="bg1.jpg">
<item title="Who we are" color="0x999999" colorOver="0x66CC00" typology="swf" file="page01.swf" bg="bg1.jpg"/>
<item title="Philosophy" color="0x999999" colorOver="0x66CC00" typology="swf" file="page02.swf" bg="bg2.jpg"/>
<item title="Staff" color="0x999999" colorOver="0x66CC00" typology="swf" file="page03.swf"bg="bg1.jpg"/>
</section>

<section title="WORKS" active="false" typology="" file="" color="0x333333" colorOver="0x999999" bg="bg1.jpg">
<item title="Prints" color="0x999999" colorOver="0x66CC00" typology="gallery" file="gallery01.swf" bg="bg2.jpg"/>
<item title="Identities" color="0x999999" colorOver="0x66CC00" typology="gallery" file="gallery02.swf" bg="bg3.jpg"/>
<item title="Reel" color="0x999999" colorOver="0x66CC00" typology="swf" file="video01.swf" bg="bg4.jpg"/>
<item title="Video" color="0x999999" colorOver="0x66CC00" typology="video" file="video_fullscreen.swf"bg=""/>
</section>

<section title="PHOTOS" active="false" typology="" file="" color="0x333333" colorOver="0x999999">
<item title="Gallery 1" color="0x999999" colorOver="0x66CC00" typology="gallery" file="gallery03.swf" bg=""/>
<item title="Gallery 2" color="0x999999" colorOver="0x66CC00" typology="gallery" file="gallery04.swf" bg=""/>
</section>

<section title="CONTACT" active="true" typology="swf" file="contact.swf" color="0x333333" colorOver="0x999999" bg="bg3.jpg">
<item title="Link" color="0x66CC00" colorOver="0x999999" typology="link" file="http://www.kickassgfx.net/" bg=""/>
</section>

</home>


Hier der Homeslider:
<?xml version="1.0" ?>
<homeSlider time="4000">
<item img="data/images/homeslider/photo01.jpg"/>
<item img="data/images/homeslider/photo02.jpg"/>
<item img="data/images/homeslider/photo03.jpg"/>
<item img="data/images/homeslider/photo04.jpg"/>
<item img="data/images/homeslider/photo05.jpg"/>
<item img="data/images/homeslider/photo06.jpg"/>
<item img="data/images/homeslider/photo07.jpg"/>
<item img="data/images/homeslider/photo08.jpg"/>
</homeSlider>

[kkapsner]

Äh - das ist kein (X)HTML. K.A. was du mit diesen XML-Dateien anstellst, damit sie irgendwie sauber im Browser dargestellt werden. Zeig' uns doch mal den HTML-Quelltext, der im Browser ankommt.

[realbeginner]

Hallo kkapsner,

hier der Link zur Template: http://activeden.net/item/emotional-...preview/121349

wie gesagt in Firefox sieht alles perfekt aus, nur in IE9 ist das Layout auf Menügröße gestaucht.
Ich hoffe, du kannst damit was anfangen?

[realbeginner]

und hier der Quelltext der Index in Firefox...

<!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" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="shortcut icon" href="data/images/favicon.ico">
<title>Emotional Template</title>
<script type="text/javascript" src="script/swfobject.js"></script>
<script type="text/javascript" src="script/swffit.js"></script>

<script type="text/javascript">
swfobject.registerObject("my_flash", "8.0.0");
swffit.fit("my_flash",900,700);
</script>
<style type="text/css">
body{
background-color: #FFFFFF;
}
</style>
</head>
<body>
<div>
<object id="my_flash" classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">
<param name="movie" value="index.swf" />
<param name="allowfullscreen" value="true" />

<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="index.swf" width="100%" height="100%">
<param name="allowfullscreen" value="true" />
<!--<![endif]-->
<div>
<a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" title="Get Adobe Flash player" /></a><br />
You need <a href="http://www.adobe.com/go/getflashplayer">Flash Player 8</a> and allow javascript to see the content of this site..
</div>

<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</body>
</html>

[realbeginner]

mir fallen gerade beim durchstöbern des Quelltextes einige grüne Zeilen auf, wie z.B.: <!--[if !IE]>--> Dieser Eintrag folgt direkt auf <param name="allowfullscreen" value="true" />

Bedeutet das etwa, in Firefox und anderen Browsern soll die Fullscreen Darstellung erlaubt sein und in IE ist diese eben nicht erlaubt?

[kkapsner]

Ich dachte, für die saubere Einbindung von Flash in allen Browsern gibt es gerade swfobject - da braucht man dann gar kein <object> mehr... ABER dein Problem scheint Flash bedingt zu sein.

[realbeginner]

Inwiefern Flash-bedingt? Wie kann ich das in den Griff kriegen? Hat jemand noch Ideen, woran es liegen könnte, ich freu mich auf jede Hilfestellung?

[Albu]

Inwiefern Flash-bedingt? Wie kann ich das in den Griff kriegen?

Deine Link ist eine Flash Seite. Die komplette Darstellung findet in Flash statt.

Außerdem solltest Du swfobject nicht nur einbinden, sondern auch tatsächlich benutzen. In diesem Zug macht es durchaus Sinn die neueste Version der Bibliothek einzusetzen.

Welche Nebeneffekte swffit.js mitbringt ist mir nicht bekannt, eventuell läßt Du es mal weg (nach der Aktualisierung von swfobject).

[realbeginner]

Hallo Albu,

vielen Dank erstmal für die Hinweise. Leider bin ich ja, wie mein Nick schon sagt, ein blutiger Anfänger und kann ausser ein paar Codeschnipseln nicht wirlich programmieren. Daher auch der Griff zur vermeintlich einfach anpassbaren Template. Ja, einfach anzupassen sind sie meist alle, aber irgendwo liegt dann doch immer der Hase im Pfeffer...ist vielleicht nur meine persönliche Erfahrung (seufz).

Daher die Frage: wie müsste ich denn nun Flash einsetzen? Liegt es einfach nur daran, dass beim IE irgendwo in den Optionen die Flashnutzung deaktiviert ist? Ich schau mal da nach, ob ich etwas finden kann.
Und was meinst du mit der neuesten Version der Bibliothek?

Schönen Gruß