✔ IE-Darstellungsproblem

Status
Nicht offen für weitere Antworten.
B

ben_19

Mitglied
hallo!

Meine Website ist in drei Bereiche gegliedert: In den Header, welcher eine Flashnavigation ist, der Contentbereich welcher ein iframe ist und in den die jeweiligen Seiten reingeladen werden und ein Flashfooter.

Mein Problem:

Im Firefox sieht die Seite sehr gut aus, im Internet Explorer verschiebt er allerdings die Hintergrundgrafik um 10px sodass ein horizontaler Scrollbalken entsteht.

Ich habe nun schon viel probiert ich komme aber einfach nicht darauf wie ich diesen Fehler beheben kann. Hat jemand eine Idee?

Link zum Problem (bitte im IE und im Firefox betrachten und Unterschied beachten)

Nachfolgend der Code der Gesamtdatei (index.php) welche das Grundgerüst darstellt sowie die Inhaltsseite welche beim Aufruf der index.php reingeladen wird.

index.php
HTML: 
<html>
<head>

<title>mea-event.at :: Ton- und Aufnahmestudio</title>

<link rel="stylesheet" type="text/css" href="../page.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<body>

<div id="root">
  <div id="banner" style="margin:auto;">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="750" height="190">
      <param name="movie" value="menue.swf">
      <param name="quality" value="high">
      <embed src="menue.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="750" height="190"></embed>
    </object>
  </div> 
<div id="content" style="margin:auto;">
<iframe name="content" src="index1.php" width="750" height="340" frameborder="0" scrolling="auto">
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen</p>
</iframe>
 </div>
  	<div id="footer" style="margin:auto;">
  		<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="750" height="40" title="footer">
          <param name="movie" value="../de/footer.swf">
          <param name="quality" value="high">
          <embed src="../de/footer.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="750" height="40"></embed>
	  </object>
  </div>
</div>

</body>
</html>

index1.php
HTML: 
<!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" />
<link rel="stylesheet" type="text/css" href="../page.css">
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
.Stil1 {	font-size: 24px;
	font-weight: bold;
}
.Stil3 {	font-size: 24px;
	color: #35468f;
}
.Stil4 {color: #35468f}
.Stil5 {font-size: 30px}
.Stil7 {font-size: 14px}
.Stil8 {font-size: 14px; font-style: italic; }
.Stil9 {font-size: 24px}
-->
</style>
</head>
<body style="background-image:url(../img/background_redundant.jpg); margin:auto; float:none; background-repeat:repeat-y;">
<blockquote>
<table width="660" border="0">
    <tr>
      <td width="487"><p class="Stil1"><span class="Stil5">H</span>erzlich Willkommen auf <span class="Stil3">M</span>.<span class="Stil4">E</span>.<span class="Stil4">A</span>. - <span class="Stil4">Tonstudio</span> und <span class="Stil4">Aufnahmetechnik</span>!</p>
        <p class="Stil7">Auf dieser Seite finden Sie  Informationen &uuml;ber das Tonstudio speziell f&uuml;r Promotion-CDs sowie allerlei Impressionen und H&ouml;rbeispiele.</p>
        <p align="left" class="Stil7">Zu den einzelnen Bereichen gelangen Sie mit Hilfe des rotierenden Men&uuml;s.        </p>
        <blockquote>
          <p align="center" class="Stil8">Wir freuen uns, mit Ihnen zusammenzuarbeiten. </p>
        </blockquote>
        <p class="Stil7">Bei Fragen nutzen Sie bitte das Kontaktformular oder senden Sie uns direkt eine email an: <a href="mailto:office@mea-event.at">office@mea-event.at</a> </p>
      </blockquote>        </td>
      <td width="163"><div align="center"><img src="microphone.jpg" alt="willkommen" width="163" height="300" /></td>
    </tr>
  </table>
  <hr noshade="noshade" />
	<?
	include ('view.php');
	?>
	<p><center>Wollen Sie unsere Website einem Freund/einer Freundin weiterempfehlen? Das können Sie <a href="invite.php">hier</a>!
</blockquote>
</body>
</html>

Hat jemand eine Idee was das Problem sein könnte?

Vielen Dank für die Hilfe!
 
Wenn ich das so beim Überfliegen richtig gesehen habe, fügt der IE einen horizontalen Scrollbalken ein da der vertikale etwa 10px in der Breite in Anspruch nimmt.
Du könntest um deine Content-Seite (direkt nach dem öffnenden und vor dem schließenden Body-Tag) ein DIV-Layer mit absoluter Höhe legen und dieses mit overflow:auto; formatieren, dann würde nicht mehr der Frame scrollen sondern nur doch das DIV-Element, dann sollte das Problem, wenn ich das richtig im Kopf habe, nicht mehr auftreten.
Á propos, warum nutzt du für eine solche Seite ein Framset?
 
also ich hab das mit overflow mal anhand von div "content" probiert, wo ja auch der iframe drin ist .. hat nix gebracht ..

direkt nach <body> und vor </body> kann ichs nicht geben, das wäre ja bei mir div "root" und da liegt ja der flashheader und der flashfooter auch noch drin ..

hat noch jemand ideen?
 
Hi,

wenn nichts weiterhilft, könnte auch der horizontale Scrollbalken deaktiviert werden:

Code: 
html,body {
overflow-x:hidden;
}
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück