Gruppen

Top Gruppen: Windows 7; Windows Vista; Windows XP; Textverarbeitung; Excel; DSL; Internet Browser; E-Mail/Outlook
Betriebsysteme: Windows classik; Linux; BS-Sonstige
Software: Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; SW-Sonstige
Hardware: Mainboard/CPU; Grafikkarten; Peripherie; Laptop/Notebook; HW-Sonstiges
Netzwerk: Telefon,ISDN,Modem; W-Lan; NW-Sonstiges
Programmierung: PHP,ASP,Perl...; Java,C++...; Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke; SN Intern; Test

/ Forum / Webseiten/HTML

Webseiten/HTML

Fragevon sYpro vom 14.12.2019, 13:10 Options

Design verschiebt sich im IE 6 und 7

Hallo,

meine Seite:

http://www.unterpfaffenhofen.de/

wird im Firefox 2. (zumindest bei mir) vollkommen normal angezeigt.
Im IE jedoch, egal ob 6 er oder 7er Version verschiebt sich das Design komischerweise.
Ich habe mir die Homepage per http://ipinfo.info/netrenderer/ rendern lassen und angeschaut dort wird ebenfalls der Fehler angezeigt.

Hier mal der gesamte Code:

<? include("counter.php"); ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<style type="text/css">
<!--
#apDiv1 {
	position:absolute;
	left:452px;
	top:181px;
	width:453px;
	height:1066px;
	z-index:1;
}
-->
</style>
<head>
<title>Burschenschaft - Unterpfaffenhofen e.V.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--

body {
	background-color: #dae7fe;
	background-image: url(borderline.gif);
}
.Stil1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.Stil2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
#Layer1 {
	position:absolute;
	left:381px;
	top:186px;
	width:527px;
	height:429px;
	z-index:1;
}
-->
</style>
</head>
<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabelle_01">
	<tr>
		<td colspan="4">
			<img src="Bilder/index_01.gif" width="800" height="170" alt="">
</td>
	</tr>
	<tr align="left">
		<td width="142" height="127" valign="top">

			<a href="index.php">
<img src="Bilder/index_02.gif" alt="" width="142" height="127" border="0">
</a>

</td>
		<td rowspan="9" valign="top" align="left">
<img src="Bilder/index_03.gif" width="87" height="430" alt="">
</td>

		<td rowspan="9" background="Bilder/index_04.gif" width="528" height="430" valign="top">

<?
		if (  isset($_GET["link"]) == 0)
		{
		include ("start.htm");
		}
		else
		{
		
function isValidFilename($filename)
{
	$filter = '/^[a-zA-Z0-9_-]+$/';
	if( preg_match($filter, $filename) )
		return true;
	else
		return false;
}


if ( ! isset($_GET["link"]) )
	$checkedvar = "default";
else 
	if( isValidFilename($_GET["link"]) )
		$checkedvar = $_GET["link"];
	else
		die("Vorgang abgebrochen!");

//echo "g&uuml;ltiger Dateiname: ".$checkedvar."\n";
include ($checkedvar.".htm");
}
?>
</td>
		<td rowspan="9" valign="top">
<img src="Bilder/index_05.gif" width="43" height="430" alt="">
</td>
	</tr>
	<tr valign="top">
		<td valign="top" rowspan="8">

  <a href="index.php?link=satzung">

<img src="Bilder/index_06.gif" alt="" width="142" height="31" border="0">

</a>

<a href="index.php?link=chronik">

<img src="Bilder/index_07.gif" alt="" width="142" height="34" border="0">

</a>

<a href="index.php?link=verein">

<img src="Bilder/index_08.gif" alt="" width="142" height="29" border="0">

</a>

<a href="index.php?link=fotos">

<img src="Bilder/index_09.gif" alt="" width="142" height="33" border="0">

</a>

<a href="http://www.flf-book.de/Benutzer/Sypro.htm" target="_new" onClick="javascript:window.open('http://www.flf-book.de/Benutzer/Sypro.htm','test','width=670, height=610, left = 100, top = 80 location=no, scrollbars=yes');return false;">

<img src="Bilder/index_10.gif" width="142" height="33" alt="" border="0">

</a>

            <a href="index.php?link=links">

<img src="Bilder/index_11.gif" alt="" width="142" height="31" border="0">

</a>

            <a href="index.php?link=kontakt">

<img src="Bilder/index_12.gif" alt="" width="142" height="33" border="0">
</a>

<img src="Bilder/index_13.gif" alt="" width="142" height="79" border="0">
<? echo $gcc_hits; ?>
            </td>
	</tr>
</table>
</body>
</html>

Bei Bedarf kann man sich diesen ja auch auf der Homepage selber anschauen. Wär super wenn sich das mal jemand anschauen könnte :).
Vielen Dank schonmal fuer jede Antwort / Hilfe

MFG

Antwort schreiben

Antwort 1 von katy vom 14.12.2019, 13:54 Options

Hallo sYpro,

dein Quellcode weist leider eine Reihe gravierender Fehler auf. Daher fangen die Browser (dankenswerterweise - sonst wäre gar nichts zu sehen) an zu raten, wie du das gemeint haben könntest. Aber mit dem Raten ist das so eine Sache, offensichtlich rät der Firefox anders als der Internet Explorer.

Meine Empfehlung wäre erst einmal die Quellcode-Fehler zu beseitigen. Eine Hilfe zur Fehlerfindung sind HTML-Validatoren.

Viel Erfolg wünscht
katy

Antwort 2 von derpfleger vom 14.12.2019, 15:11 Options

Eine Lösung wäre es, von den rowspans ganz abzurücken und den Teil mit den Links direkt in die Spalte unter das Wappenbild zu platzieren. Damit wäre das Bild schon mal horizontal wieder zurechtgerückt.
Um dann noch die weissen Zeilen zw. den links zu entfernen, muss man im Quellcode alle links direkt hintereinander schreiben ohne Leerzeichen dazwischen, sonst interpretiert der IE diese Leerzeichen als solche und macht eine Lücke.

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

Neue Einträge

Tipp einschicken

News einschicken