SonyUserforum - hilfe bei html :-(

SonyUserforum (https://www.sonyuserforum.de/forum/index.php)

- Café d`Image (https://www.sonyuserforum.de/forum/forumdisplay.php?f=94)

- - hilfe bei html :-( (https://www.sonyuserforum.de/forum/showthread.php?t=95766)

hilfe bei html :-(

Hallo,
nun versuche ich schon seit Stunden den dummen Fehler zu finden, vergeblich :evil:

Schaut Euch mal diese Seite an:
http://www.bessere.de/tracks/ilona/zu-ilona.htm

Mit dem FF ist auch die untere Anzeige Zentriert :top:
Mit dem IE ist sie nach Rechts verrutscht :flop:

Hat einer von Euch eine Ahnung warum der "dumme" IE das nicht schafft?

Besten DANK
Norbert

Habe die benötigten Dateien zusammen geschnürt, sind nur 31,5kb:
http://www.bessere.de/Lager.zip

Setze die </table>-Anweisung weiter runter - direkt vor die </body>-Anweisung.

Du verwendest NACH </table> noch <td>'s - ohne gültige Tabellendefinition!

Greets, speedy

Zitat:

Zitat von speedy12 (Beitrag 1090741)

Setze die </table>-Anweisung weiter runter - direkt vor die </body>-Anweisung.

Du verwendest NACH </table> noch <td>'s - ohne gültige Tabellendefinition!

Greets, speedy

Die Tabellendefinitionen sind meiner Suche nach dem Fehler zum Opfer gefallen.

Den </table> nach unten zu setzen hat nur zur Folge das "Strecke in km" neben der Karte gesetzt wird.

Zitat:

Zitat von Norbert-S (Beitrag 1090747)

Die Tabellendefinitionen sind meiner Suche nach dem Fehler zum Opfer gefallen.

Den </table> nach unten zu setzen hat nur zur Folge das "Strecke in km" neben der Karte gesetzt wird.

Richtig. Du musst dann sowohl die Map als auch das Diagramm noch in <tr></tr> kapseln.

Code:

<html>

<head>

<title>GPS-Track</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script type="text/javascript">

//<![CDATA[

var key="ABQIAAAAJ4KXzd-EOjkZ8X67ZOHnFRTVax1pRtqVgk15FJWhYCzgo5pGFxRyrN0zUzcpmkViAuyPWm0DFTz8Hw";

//        var LargeMapControll = true;

//        var OverviewMapControl = true;

//        var Legende = false;

//]]>

</script>

<script type="text/javascript" src="../GM_Utils/GPX2GM.js"></script>

</head>

<STYLE type="text/css">

BODY { background: url("../hg-0.jpg") }

</STYLE>

<table width="98%" border="0" cellpadding="6">

<tr> 

<td width="98%" align="center"><font face="Arial, Helvetica, sans-serif" size="4"><b><i>zu-ilona</i></b><br>

<font face="Arial, Helvetica, sans-serif" size="2">

&nbsp;&nbsp;&nbsp;&nbsp;<b>Aufgezeichnet am:&nbsp;</b>19.10.2010 11:15:26

&nbsp;&nbsp;&nbsp;&nbsp;<b>Streckenl&auml;nge:&nbsp;</b>26,311 km

&nbsp;&nbsp;&nbsp;&nbsp;<b>Fahrzeit:&nbsp;</b>00:42:40</font>

</td>

</tr>

<tr>

<div align="center">

<td width="98%" valign="top"><font face="Arial, Helvetica, sans-serif" size="-1"><br>

<div id="map1" class="gpxview:zu-ilona.gpx:Hybrid" style="width:980px;height:560px"><noscript><p>Zum Anzeigen der Karte wird Javascript ben&ouml;tigt.</p></noscript></div><br>

</tr>

<tr>

<div align="center"><br>



<td width="98%" valign="top"><font face="Arial, Helvetica, sans-serif" size="-1"><br>

<div id="map1_vp" style="width:980px;height:120px;margin-top:-37px"><noscript><p>Zum Anzeigen des Profils wird Javascript ben&ouml;tigt.</p></noscript></div>

</tr></table></body>

</html>

So wird die Map und das Diagramm aber nur Rechtsbündig angezeigt.
<div align="center"> hat keine bedeutung.

Ändere ich valign="top" in align="center" wird es wieder Mittig angezeigt, aber nur im FF der IE schwächelt.

Eigentlich braucht man gar keine Tabellendefinition für die Seite, aber auch so funktioniert es im IE nicht.

Code:

<html>

<head>

<title>GPS-Track</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script type="text/javascript">

//<![CDATA[

var key="ABQIAAAAJ4KXzd-EOjkZ8X67ZOHnFRTVax1pRtqVgk15FJWhYCzgo5pGFxRyrN0zUzcpmkViAuyPWm0DFTz8Hw";

//        var LargeMapControll = true;

//        var OverviewMapControl = true;

//        var Legende = false;

//]]>

</script>

<script type="text/javascript" src="../GM_Utils/GPX2GM.js"></script>

</head>

<STYLE type="text/css">

BODY { background: url("../hg-0.jpg") }

</STYLE>

<p width="98%" align="center"><font face="Arial, Helvetica, sans-serif" size="4"><b><i>zu-ilona</i></b><br>

<font face="Arial, Helvetica, sans-serif" size="2">

&nbsp;&nbsp;&nbsp;&nbsp;<b>Aufgezeichnet am:&nbsp;</b>19.10.2010 11:15:26

&nbsp;&nbsp;&nbsp;&nbsp;<b>Streckenl&auml;nge:&nbsp;</b>26,311 km

&nbsp;&nbsp;&nbsp;&nbsp;<b>Fahrzeit:&nbsp;</b>00:42:40</font></p>

<div align="center">

<div id="map1" class="gpxview:zu-ilona.gpx:Hybrid" style="width:980px;height:560px"><noscript><p>Zum Anzeigen der Karte wird Javascript ben&ouml;tigt.</p></noscript></div><br>

<div align="center"><br>

<div id="map1_vp" style="width:980px;height:120px;margin-top:-37px"><noscript><p>Zum Anzeigen des Profils wird Javascript ben&ouml;tigt.</p></noscript></div>

</body>

</html>

Dir fehlt ein öffnendes Body-Tag. Das mit dem align=center besser vergessen und mit style="margin:auto" ersetzen.

Zitat:

Zitat von Neonsquare (Beitrag 1090781)

Dir fehlt ein öffnendes Body-Tag. Das mit dem align=center besser vergessen und mit style="margin:auto" ersetzen.

Der Body Tag ist mir gar nicht aufgefallen :roll:

style="margin:auto" im FF Mittig :top:, im IE Rechts :flop:

Hi Norbert,
der IE ist nicht immer blöd (und das aus meinem Mund :shock:) sondern mitunter extrem pingelig.

Das HTML der Seite ist kaputt, das sollt erstmal repariert werden. Wenn tags nicht geschlossen werden, oder unerlaubte auftauchen, kann der IE schon mal ne Bauchlandung machen.

http://validator.w3.org/check?uri=ht...Inline&group=0

lG
Andreas

Zu:

Zitat:

ändern.
P.S:
Leider bastelst du weiter and der Seite rum, aktuell gibt es das div nun nicht mehr :lol:. NImm die IEDeveloper Toolbar, markiere das Element und schau dir dann das CSS an.

Gruß
Micha

Vielleicht reicht ja das schon?

PHP-Code:


		
			
<html>

<head>

<title>GPS-Track</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script type="text/javascript">

//<![CDATA[

var key="ABQIAAAAJ4KXzd-EOjkZ8X67ZOHnFRTVax1pRtqVgk15FJWhYCzgo5pGFxRyrN0zUzcpmkViAuyPWm0DFTz8Hw";

//        var LargeMapControll = true;

//        var OverviewMapControl = true;

//        var Legende = false;

//]]>

</script>

<script type="text/javascript" src="../GM_Utils/GPX2GM.js"></script>

</head>

<STYLE type="text/css">

BODY { background: url("../hg-0.jpg"); margin: 0 auto; }



</STYLE>

<body>

<table width="98%" border="0" cellpadding="6">

<tr> 

<td width="98%" align="center"><font face="Arial, Helvetica, sans-serif" size="4"><b><i>zu-ilona</i></b><br>

<font face="Arial, Helvetica, sans-serif" size="2">

&nbsp;&nbsp;&nbsp;&nbsp;<b>Aufgezeichnet am:&nbsp;</b>19.10.2010 11:15:26

&nbsp;&nbsp;&nbsp;&nbsp;<b>Streckenl&auml;nge:&nbsp;</b>26,311 km

&nbsp;&nbsp;&nbsp;&nbsp;<b>Fahrzeit:&nbsp;</b>00:42:40</font>

</td>

</tr>

</table>

<div align="center">

<td width="98%" valign="top"><font face="Arial, Helvetica, sans-serif" size="-1"><br>

<div id="map1" class="gpxview:zu-ilona.gpx:Hybrid" style="width:980px;height:560px"><noscript><p>Zum Anzeigen der Karte wird Javascript ben&ouml;tigt.</p></noscript></div><br>

<div align="center"><br>

<td width="98%" valign="top"><font face="Arial, Helvetica, sans-serif" size="-1"><br>

<div id="map1_vp" style="width:980px;height:120px;margin-top:-37px"><noscript><p>Zum Anzeigen des Profils wird Javascript ben&ouml;tigt.</p></noscript></div>

</body>

</html>