Problem mit Spry-Navigation in Internet Explorer

**tanktheripper** · 27.07.2007 17:15

Hallo,
ich habe ein Problem mit meiner Homepage...Ich habe Sie mit Dreamweaver mit einer Spry Navigation erstellt. Wenn ich die Homepage nun mit Firefox oder Opera öffne, läuft alles reibungsfrei. Nur wenn ich diese dann mit dem Internet Explorer anschaue, treten diverse Fehler auf in der Ansicht.

Einmal mit Firefox:

und einmal mit IE:

Ich habe keine HTML Kenntnisse, daher könnte es sein das sich viele Fehler in dem Quellcode befinden...

Code:

<html>
<head>
<title>sgh</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="CSS/design.css" rel="stylesheet" type="text/css">
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#dddddd" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Homepage_SGH_roh.psd) -->
<div id="sprynav"> <ul id="MenuBar1" class="MenuBarVertical">
    <li><a href="news.html" target="mainframe">Aktuelles</a></li>
    <li><a href="about.html" target="mainframe">Über uns</a></li>
<li><a class="MenuBarItemSubmenu">Termine</a>
        <ul>
          <li><a class="MenuBarItemSubsubmenu" href="Events/sitzungen.html" target="mainframe">Sitzungstermine</a></li>
          <li><a class="MenuBarItemSubsubmenu" href="Events/training.html" target="mainframe">Trainingszeiten</a></li>
          <li><a class="MenuBarItemSubsubmenu" href="Events/sonstige.html" target="mainframe">Sonstige</a></li>
      </ul>
</li>
<li><a class="MenuBarItemSubmenu">Senioren</a>
    <ul>
       <li><a class="MenuBarItemSubsubmenu" href="senioren/erste.html" target="mainframe">1.Mannschaft</a></li>
       <li><a class="MenuBarItemSubsubmenu" href="senioren/zweite.html" target="mainframe">2.Mannschaft</a></li>
       <li><a class="MenuBarItemSubsubmenu" href="senioren/dritte.html" target="mainframe">3.Mannschaft</a></li>
       <li><a class="MenuBarItemSubsubmenu" href="senioren/alteherren.html" target="mainframe">Alte Herren</a></li>
  	</ul>
</li>
<li><a  href="junioren.html" target="mainframe">Junioren</a></li>
<li><a  href="sportheim.html" target="mainframe">Sportheim</a></li>
<li><a  href="veranstaltungen.html" target="mainframe">Veranstaltungen</a></li>
<li><a class="MenuBarItemSubmenu" href="#" target="mainframe">Kunstrasen</a>
   	<ul>
		<li><a class="MenuBarItemSubsubmenu" href="Kunstrasen/feld.html" target="mainframe">Sponsorenfeld</a></li>
		<li><a class="MenuBarItemSubsubmenu" href="Kunstrasen/lauf.html" target="mainframe">Sponsorenlauf</a></li>
	</ul>
</li>
<li><a href="sponsoren.html" target="mainframe">Sponsoren</a></li>
<li><a href="links.html" target="mainframe">Links</a></li>
</ul>
</div>
<div id="kontakt">- 
	<a href="kontakt.html" target="mainframe">Kontakt</a> -
    <a href="impressum.html" target="mainframe">Impressum</a> -</div>
<div id="spieltag">SGH-Spieltag Aktuell</div>
<div id="spieltag2">
  <h2 align="center">Samstag 04.08.2007</h2>
  <div align="left">
    <table width="176" border="0" id="spieltag_tabelle">
      <tr>
        <td width="51"><b>Heim</b></td>
        <td width="58"><b>Gast</b></td>
        <td width="51"><b>Anstoß</b></td>
      </tr>
      <tr>
        <td>SGH  II</td>
        <td>SGH III</td>
        <td>16:00</td>
      </tr>
      </table>
  </div>
  <h2 align="center">Sonntag 12.08.2007</h2>
  <table width="176" height="135" border="0" id="spieltag_tabelle">
    <tr>
      <td width="59"><b>Heim</b></td>
      <td width="61"><b>Gast</b></td>
      <td width="42"><b>Anstoß</b></td>
    </tr>
    <tr>
      <td>Nieder-
      schelden II</td>
      <td>SGH I</td>
      <td>13:00</td>
    </tr>
    <tr>
      <td height="36"> Wilden II</td>
      <td>SGH III</td>
      <td>15:00</td>
    </tr>
      <tr>
      <td height="32">SGH II</td>
      <td>Spielfrei</td>
      <td></td>
    </tr>
  </table> 
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
    Quelle: fussball.de</p>
</div>
<link href="CSS/design.css" rel="stylesheet" type="text/css">
<table id="Tabelle_01" width="1001" height="751" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="8">
			<img src="Images/sgh_01.gif" width="1000" height="1" alt=""></td>
		<td>
			<img src="Images/Abstandhalter.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="4" rowspan="2"><img src="Images/sgh_02.gif" width="675" height="41" alt=""></td>
		<td colspan="3">
			<img src="Images/sgh_03.gif" width="305" height="28" alt=""></td>
		<td rowspan="10">
			<img src="Images/sgh_04.gif" width="20" height="749" alt=""></td>
		<td>
			<img src="Images/Abstandhalter.gif" width="1" height="28" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="Images/sgh_05.gif" width="305" height="13" alt=""></td>
		<td>
			<img src="Images/Abstandhalter.gif" width="1" height="13" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="Images/sgh_06.gif" width="21" height="158" alt=""></td>
		<td colspan="6">
			<img src="Images/sgh_07.gif" width="959" height="124" alt=""></td>
		<td>
			<img src="Images/Abstandhalter.gif" width="1" height="124" alt=""></td>
	</tr>
	<tr>
		<td colspan="6">
			<img src="Images/sgh_08.gif" width="959" height="30" alt=""></td>
		<td>
			<img src="Images/Abstandhalter.gif" width="1" height="30" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="Images/sgh_09.gif" width="779" height="4" alt=""></td>
		<td rowspan="2">
			<img src="Images/sgh_10.gif" width="180" height="20" alt=""></td>
		<td>
			<img src="Images/Abstandhalter.gif" width="1" height="4" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2"><img src="Images/sgh_11.gif" width="180" height="350"></td>
<td rowspan="5">
			<img src="Images/sgh_12.gif" width="10" height="550" alt=""></td>
		<td colspan="2" rowspan="4">
	      <div id="mainframe">
	        <iframe name="mainframe" width="593" height="530" frameborder="0" border="0"></iframe>
	      </div></td>
<td rowspan="5">
			<img src="Images/sgh_14.gif" width="12" height="550" alt=""></td>
		<td>
			<img src="Images/Abstandhalter.gif" width="1" height="16" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Images/sgh_15.gif" width="180" height="334" alt=""></td>
		<td>
			<img src="Images/Abstandhalter.gif" width="1" height="334" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="Images/sgh_16.gif" width="180" height="3" alt=""></td>
		<td rowspan="3">
			<img src="Images/sgh_17.gif" width="180" height="200" alt=""></td>
		<td>
			<img src="Images/Abstandhalter.gif" width="1" height="3" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="Images/sgh_18.gif" width="21" height="197" alt=""></td>
		<td>
			<img src="Images/sgh_19.gif" width="159" height="178" alt=""></td>
		<td>
			<img src="Images/Abstandhalter.gif" width="1" height="178" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Images/sgh_20.gif" width="159" height="19" alt=""></td>
		<td colspan="2">
			<img src="Images/sgh_21.gif" width="598" height="19" alt=""></td>
		<td>
			<img src="Images/Abstandhalter.gif" width="1" height="19" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Images/Abstandhalter.gif" width="21" height="1" alt=""></td>
		<td>
			<img src="Images/Abstandhalter.gif" width="159" height="1" alt=""></td>
		<td>
			<img src="Images/Abstandhalter.gif" width="10" height="1" alt=""></td>
		<td>
			<img src="Images/Abstandhalter.gif" width="485" height="1" alt=""></td>
		<td>
			<img src="Images/Abstandhalter.gif" width="113" height="1" alt=""></td>
		<td>
			<img src="Images/Abstandhalter.gif" width="12" height="1" alt=""></td>
		<td>
			<img src="Images/Abstandhalter.gif" width="180" height="1" alt=""></td>
		<td>
			<img src="Images/Abstandhalter.gif" width="20" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>

Ich hoffe mir kann jemand weiterhelfen. Danke!

**Mich@el** · 27.07.2007 18:01

[OT]Oh shit... ich muß mir jetzt doch mal langsam DW CS3 kaufen. Wie erklär´ ich´s meiner Frau?

[/OT]
Was ist das für ein "f" das im IE sichtbar auf der linken Seite des Spry Menüs steht? Kann man das nicht evtl. im Entwurf Modus erkennen? Ich denke, dass das da nicht hingehört!?

**tanktheripper** · 27.07.2007 18:08

ich weis leider nicht woher das "f" kommt und in der entwurf ansicht kann man es noch nicht sehen...

**Torsten** · 27.07.2007 18:10

Hallo tanktheripper,

welche IE-Version betrifft der Fehler.
Hättest Du das Bsp. vielleicht online zur Verfügung?
Dann könnte man eher sehen wo der Fehler liegt.

Eigentlich nervt mich das schonwieder!

Adobe baut den Dreamweaver in Richtung NOF um und wir dürfens ausbaden

**tanktheripper** · 27.07.2007 18:27

so hab die page grad mal hochgeladen...
http://tank88.ta.funpic.de/sgh.html

ich hab den iexplorer version 6 drauf also den xp standart

**Torsten** · 27.07.2007 19:35

Zitat von tanktheripper

Ich habe keine HTML Kenntnisse, daher könnte es sein das sich viele Fehler in dem Quellcode befinden...

Hi tanktheripper,

in der Tat der HTML-Code Deiner Seite ist schauderhaft.

Tabellen, bunt gemischt mit DIV-Tags mit einer Brise iFrame...
Außerdem fehlt die komplette Doctype-Deklaration!
Keine Ahnung wie Ihr das immer schafft, denn ab Dreamweaver MX2004 wird die beim erstellen eines neuen Dokumentes automatisch eingefügt

Okay, lange Rede kurzer Sinn - ich habe nur eine Empfehlung für Dich:
Wenn Du mit Dreamweaver Websites erstellen willst, dann musst Du zuerst lernen gehen und zwar hier: HTML-Dateien selbst erstellen: http://de.selfhtml.org/ und hier: CSS erlernen: http://www.css4you.de/

**tanktheripper** · 27.07.2007 22:12

also erstmal danke für die links torsten

...
denkst du wenn ich diese html bzw. css probleme behebe, dass folglich auch im iexplorer alles richtig angezeigt wird?

**Torsten** · 28.07.2007 10:20

Davon gehe ich aus, Du kannst ja mal einen simplen Test machen.

Erstelle in DW CS3 ein neues Dokument und speichere es ab.
Dann füge in dem leeren Dokument eine Spry-Navigation ein, die Deiner ähnelt.
Und jetzt teste das ganze mal im IE - ich bin mir sicher das Adobe bei der Entwicklung des Spry-Frameworks den IE nicht außer acht gelassen hat

**Goalie** · 03.01.2008 14:04

Hallo,

ich habe ebenfalls Probleme mit den Assets im IE.
Manchmal läufts, manchmal nicht je nach Version. In der neuesten Version (Stand heute) läufts garnicht (Navipunkte werden nebeneinander statt untereinander dargestellt) in älteren ohne Problme in einigen gehen nur 3 Punkte usw.

Ich bin echt sprachlos. Der Quelltext aller Überpunkte ist immer gleich. Hab jede Zeile überprüft... *grr*

Hier die Seite: www.erc-regen.de

wäre für eure Hilfe echt Dankbar!

Viele Grüße!

**Rinaldo** · 03.01.2008 18:41

Zitat von Goalie

Hier die Seite: www.erc-regen.de

Ja, wenn das nicht ein "Fast-Nachbar" ist - soweit bist Du gar nicht von mir weg

.

Die Seite gehört auch mal generalüberholt - hab nur grad mal zum "testen" der Navigation im IE geöffnet, siehe Anhang...

**Goalie** · 03.01.2008 19:57

ja, das ist aber nicht in allen IE Versionen so...

ich habe die Seite und Mac erstellt. Leider kann ich hier den IE nicht testen. Hab mit einer Freundin gesprochen, die hatte beim ersten Load den Fehler, dann einen "false" und dann wieder nicht... *confused*

p.s. ich bin ein Oberpfälzer ;-)

**Rinaldo** · 03.01.2008 21:41

Nur mal so eine Vermutung:

HTML-Code:

ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-image: url(/images/head/home.jpg)
	padding: 0.5em 0.75em;
	color: #ffffff;
	text-decoration: none;
}

Welchen Zweck soll dieses Hintergrundbild haben?

Es fehlt der ";" dahinter und wenn dieser gesetzt wird, zerlegt es das Menü, weil das Padding übernommen wird.

Ich war zu faul, mich durch Deine Seitenkonstrukt und CSS zu kämpfen - hab´s mal selbst in DW probiert, mit dem Ergebnis, dass es ohne Probleme in allen Browsern funktioniert (FF, IE 5.01 - 7, Opera 9.5)

**Goalie** · 03.01.2008 21:52

Hallo,

ich weiß ehrlich gesagt nicht, für was er das Background-pic braucht. DW macht es hier standardmäßig rein und wenn ich es raus lösche, zerreisst es mir die ganze Navi.

Hab jetzt mal das ; rein. Stimmt, das hat gefehlt. Kann's leider nicht testen...

Gruß

**Rinaldo** · 04.01.2008 08:56

Hast Du Dir mein Beispiel mal angesehen?

Ich habe "ungefähr" Deine Navi nachgebaut - die Unterpunkte hab ich mal nicht beachtet.

Dreamweaver hat mir nichts standardäßig reingemacht... Schau Dir einfach mal die CSS-Datei von meinem Beispiel an - Formatierungen, die ich nicht für nötig gehalten habe, habe ich einfach nur auskommentiert, nichts besonderes gelöscht.

Vielleicht hilft Dir das weiter.

**Kowkase** · 26.01.2008 14:16

Hallo Leute,

ich finds auch nen bischen fett, einerseits wirbt Adboe mit neuen Technologien und dann macht es sich gerade beim IE lang.
Bei mir ist das gleiche Prob. Im FF alles supi und im IE gibts Gehschwierigkeiten. In der MX-Version gab es doch den extra Netscape-hack, schon vom DW her. Vlt. baut Adobe jetzt sowas noch für den IE?

Wer sich das Trauerspiel mal anschauen möchte. Noch besser, wenn mir auch jemand nen Tipp geben kann wie ich das so hinbekomme, dass alles so läuft wie es soll.

Dank schonmal, der Kowkase

zur Startseite vom TP

Thema: Problem mit Spry-Navigation in Internet Explorer

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Problem mit Spry-Navigation in Internet Explorer

Aktive Benutzer

Aktive Benutzer