SonyUserforum - hilfe bei html :-(

Norbert-S · 19.10.2010, 15:04

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

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

Mit dem FF ist auch die untere Anzeige Zentriert

Mit dem IE ist sie nach Rechts verrutscht

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

speedy12 · 19.10.2010, 15:15

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

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

Greets, speedy

Norbert-S · 19.10.2010, 15:25

Zitat:

Zitat von speedy12

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.

Elric · 19.10.2010, 15:26

Zitat:

Zitat von Norbert-S

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>

Norbert-S · 19.10.2010, 16:36

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>

Neonsquare · 19.10.2010, 16:44

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

Norbert-S · 19.10.2010, 17:05

Zitat:

Zitat von Neonsquare

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

style="margin:auto" im FF Mittig

, im IE Rechts

baerlichkeit · 19.10.2010, 17:14

Hi Norbert,
der IE ist nicht immer blöd (und das aus meinem Mund

) 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

mad_axe · 19.10.2010, 17:23

Zu:

Zitat:

ändern.
P.S:
Leider bastelst du weiter and der Seite rum, aktuell gibt es das div nun nicht mehr

. NImm die IEDeveloper Toolbar, markiere das Element und schau dir dann das CSS an.

Gruß
Micha

ViewPix · 19.10.2010, 17:50

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>

19.10.2010, 15:04	#1
Norbert-S Registriert seit: 18.02.2005 Ort: 12309 Berlin Beiträge: 3.422	hilfe bei html :-( Hallo, nun versuche ich schon seit Stunden den dummen Fehler zu finden, vergeblich Schaut Euch mal diese Seite an: http://www.bessere.de/tracks/ilona/zu-ilona.htm Mit dem FF ist auch die untere Anzeige Zentriert Mit dem IE ist sie nach Rechts verrutscht 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 __________________ Bis dann Norbert Web Galerie - fc -

19.10.2010, 17:14	#8
baerlichkeit Registriert seit: 03.11.2006 Ort: Berlin Beiträge: 11.088	Hi Norbert, der IE ist nicht immer blöd (und das aus meinem Mund ) 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 __________________ abgedunkelt.de

19.10.2010, 17:50	#10
ViewPix Registriert seit: 23.09.2006 Beiträge: 5.461	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">     <b>Aufgezeichnet am: </b>19.10.2010 11:15:26     <b>Streckenlänge: </b>26,311 km     <b>Fahrzeit: </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ö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ötigt.</p></noscript></div> </body> </html> __________________ Meine Bilder im Internet: ViewPix - See the world through my eyes

19.10.2010, 15:15	#2
speedy12 Registriert seit: 23.01.2008 Ort: Hohenlohe-Franken Beiträge: 753	Setze die </table>-Anweisung weiter runter - direkt vor die </body>-Anweisung. Du verwendest NACH </table> noch <td>'s - ohne gültige Tabellendefinition! Greets, speedy

19.10.2010, 16:44	#6
Neonsquare Registriert seit: 12.08.2008 Ort: Nürnberg Beiträge: 4.198	Dir fehlt ein öffnendes Body-Tag. Das mit dem align=center besser vergessen und mit style="margin:auto" ersetzen.

Sponsored Links

Sponsored Links