Antworten auf deine Fragen:
Neues Thema erstellen

Verschiebung im IE

Anykey

Interessierter

Hallo,

Ich habe jetzt eine Homepage soweit in der Fertigstellung.
Is soweit ganz einfach gemacht:

Photoshop design -> gesliced -> für web gespeichert und ein Javascript Menü eingebastelt.

Nun ist das Ding das im Firefox alles richtig angezeigt wird im Internet Explorer aber eine enorme verschiebung da ist und das JS Menü auch nicht funktioniert.

Seite ist abrufbar unter

PHP:
<html>
<head>
<title>Startseite</title>
<link rel='stylesheet' type='text/css' href='quickmenu_styles.css'/>
<script type='text/javascript' src='quickmenu.js'></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#f9be7b" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Startseite.DORIS) -->

<table border="0" width="100%" height="100%">
<tr>
	<td valign="middle" align="center">

<table id="Tabelle_01" width="849" height="601" valign="middle" align="center" bgcolor="#fef0e0" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td width="177" height="40" colspan="2">
			<img src="Bilder/Abstandhalter.gif" width="177" height="40" alt=""></td>
		<td width="135" height="233" colspan="2" rowspan="7">
			<img src="Bilder/Abstandhalter.gif" width="135" height="233" alt=""></td>
		<td width="121" height="96" rowspan="3">
			<img src="Bilder/Abstandhalter.gif" width="121" height="96" alt=""></td>
		<td colspan="5" rowspan="2">
			<img src="Bilder/index_04.gif" width="317" height="79" alt=""></td>
		<td width="79" height="121" rowspan="4">
			<img src="Bilder/Abstandhalter.gif" width="79" height="121" alt=""></td>
		<td rowspan="26">
			<img src="Bilder/index_06.gif" width="19" height="600" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="40" alt=""></td>
	</tr>
	<tr>
		<td width="25" height="560" rowspan="25">
			<img src="Bilder/Abstandhalter.gif" width="25" height="560" alt=""></td>
		<td rowspan="5">
			<img src="Bilder/logo.gif" width="152" height="177" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="39" alt=""></td>
	</tr>
	<tr>
		<td rowspan="9">
			<img src="Bilder/index_09.gif" width="72" height="238" alt=""></td>
		<td width="133" height="69" colspan="3" rowspan="3">
			<img src="Bilder/Abstandhalter.gif" width="133" height="69" alt=""></td>
		<td rowspan="24">
			<img src="Bilder/index_11.gif" width="112" height="521" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="17" alt=""></td>
	</tr>
	<tr>
		<td rowspan="8">
			<img src="Bilder/index_12.gif" width="121" height="221" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="25" alt=""></td>
	</tr>
	<tr>
		<td rowspan="22">
			<img src="Bilder/index_13.gif" width="79" height="479" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="27" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="3">
			<img src="Bilder/index_14.gif" width="133" height="111" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="69" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/index_15.gif" width="152" height="16" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="16" alt=""></td>
	</tr>
	<tr>
		<td width="165" height="26" colspan="2">
			<ul id="qm0" class="qmmc"><li><a class="qmparent" href="index.html">Startseite</a></ul>
				</td>

		<td rowspan="4">
			<img src="Bilder/index_17.gif" width="122" height="84" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="Bilder/index_18.gif" width="165" height="16" alt=""></td>
		<td rowspan="3">
			<img src="Bilder/index_19.gif" width="32" height="58" alt=""></td>
		<td width="71" height="58" rowspan="3">
			<img src="Bilder/Abstandhalter.gif" width="71" height="58" alt=""></td>
		<td rowspan="3">
			<img src="Bilder/index_21.gif" width="30" height="58" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="16" alt=""></td>
	</tr>
	<tr>
		<td width="165" height="26" colspan="2">
			<ul id="qm0" class="qmmc"><li><a class="qmparent" href="termine.html">Termine</a></ul>
				</td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="Bilder/index_23.gif" width="165" height="16" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="16" alt=""></td>
	</tr>
	<tr>
		<td width="165" height="26" colspan="2">
			<ul id="qm0" class="qmmc"><li><a class="qmparent" href="Systemische_Therapie.html">Systemische Therapie</a>
				<ul>
		<li><a href="einzelberatung.html">Einzelberatung</a></li>
		<li><a href="paarberatung.html">Paarberatung</a></li>
		<li><a href="erziehungsseminar.html">Erziehungsseminar</a></li>
						</ul>

				</td>
		<td width="448" height="102" colspan="6" rowspan="5">
			<img src="Bilder/Abstandhalter.gif" width="448" height="102" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="Bilder/index_26.gif" width="165" height="17" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="17" alt=""></td>
	</tr>
	<tr>
		<td width="165" height="26" colspan="2">
			<ul id="qm0" class="qmmc"><li><a class="qmparent" href="javascript:void(0)">Tipping-Coaching</a>
				<ul>
		<li><a href="einzelcoaching.html">Einzelcoaching</a></li>
		<li><a href="vergebungszeremonie.html">Vergebungszeremonie</a></li> 									
<!--		<li><a href="javascript:void(0)">Freispalte</a></li>			-->
						</ul></ul>
				</td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="Bilder/index_28.gif" width="165" height="16" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="16" alt=""></td>
	</tr>
	<tr>
		<td width="165" height="26" colspan="2" rowspan="2">
			<ul id="qm0" class="qmmc"><li><a class="qmparent" href="journey.html">the journey Heilungsreise</a></ul>
				</td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="17" alt=""></td>
	</tr>
	<tr>
		<td colspan="6" rowspan="10">
			<img src="Bilder/index_30.gif" width="448" height="181" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="9" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="Bilder/index_31.gif" width="165" height="16" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="16" alt=""></td>
	</tr>
	<tr>
		<td width="165" height="26" colspan="2">
			<ul id="qm0" class="qmmc"><li><a class="qmparent" href="spielgruppe.html">Rhytmische Spielgruppe</a></ul>
				</td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="Bilder/index_33.gif" width="165" height="15" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="15" alt=""></td>
	</tr>
	<tr>
		<td width="165" height="26" colspan="2">
			<ul id="qm0" class="qmmc"><li><a class="qmparent" href="person.html">zur Person</a></ul>
				</td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="Bilder/index_35.gif" width="165" height="16" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="16" alt=""></td>
	</tr>
	<tr>
		<td width="165" height="26" colspan="2">
			<ul id="qm0" class="qmmc"><li><a class="qmparent" href="kontakt.php">Kontakt</a></ul>
				</td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="Bilder/index_37.gif" width="165" height="16" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="16" alt=""></td>
	</tr>
	<tr>
		<td width="165" height="26" colspan="2">
			<ul id="qm0" class="qmmc"><li><a class="qmparent" href="impressum.html">Impressum</a></ul>
				</td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="Bilder/index_39.gif" width="165" height="5" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="5" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="25" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="152" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="13" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="122" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="121" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="72" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="32" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="71" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="30" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="112" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="79" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="19" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Hätte jemand eine schnelle Idee wie ich das beheben könnte?
Ich weiß die Seite is vom Script her totaler Schrott musste aber schnell gehen..
Werde sie die Wochen auch nochmal umschmeißen aber vorläufig sollte sie mal bis zum Wochenende erreichbar sein..

LG Anykey
 
Zuletzt bearbeitet:

S

sagert90

Guest

AW: Verschiebung im IE

Hol dir für den Firefox mal das Addon "HTML Tidy" .... das gibt mir direkt schon einmal 18 Warnungen für deinen Code aus....
 
P

Pixelverwender

Guest

AW: Verschiebung im IE

Ich weiß die Seite is vom Script her totaler Schrott
Das ist allerdings wahr.

musste aber schnell gehen.
Das Ergebnis siehst Du ja.

Der W3C-Validator meldet gleich mal mehr als 25 Fehler, davon abgesehen ist der Dokumententyp nicht angegeben. Woher soll der Browser da wissen, was er gerade vorgesetzt bekommt?
XHTML 1.0? (über 100 Fehler)
HTML 4.01 Transitional? (26 Fehler)
HTMl 4.01 Strict ? (27 Fehler)

http://www.validome.org/

Du hast darüber hinaus im Code HTML-Tags und Schreibweisen verschiedener HTML-Versionen verwendet (zu Tabellenlayout und transparenten gifs als Abstandhalter sage ich mal nichts).
 
Zuletzt bearbeitet von einem Moderator:

zer02288

ZeroEnna

AW: Verschiebung im IE

zu Tabellenlayout und transparenten gifs als Abstandhalter sage ich mal nichts
Ja barrierefrei is das nicht...aber so weit sind die Web-Kenntnisse dann wohl nicht?!
Schau dir mal die HTML-Grundlagen an...ohne Grundwissen kommst du da sonst nicht weiter!
Fakt ist das IE und Firefox Tabellen und Listen sowie deren Formatierung zT. anders darstellen...was deine Fehler erklärt.
Umgehen/Beheben kannst du das nur indem du den Code sauber umschreibst.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
118.564
Beiträge
1.538.064
Mitglieder
67.487
Neuestes Mitglied
MichaelSEivy
Oben