• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

3 nervige Fehler meiner Homepage

Status
Für weitere Antworten geschlossen.
T

team-lpinside

Neues Mitglied
Erst einmal möchte ich jeden Beitragslesenden grüßen!

Also ich scripte zur Zeit eine Fanpage und bis jetzt hat auch alles ganz gut geklappt. Nun stehe ich aber vor drei großen Problemen, die vorrangig im IE auftauchen:

1. Wenn ich mich mit dem IE auf meiner Seite befinde, kann man den weißen Hintergrund der einzelnen Framesets erkennen. Ich denke ein Codefehler liegt vor, ich habe aber keine Ahnung wo. Übrigens mit Opera und Firefox tritt das Problem nicht auf.

2. Ebenfalls mit dem IE: Die Naviagtion wird total verzerrt angezeigt. Anscheinend ist der News und Band Button um einen Pixel nach oben verschoben. Dieses Problem tritt in anderer Form auch bei dem Firefox auf. Opera hingegen hat keine Probleme. Somit denke ich, dass auch das ein Codefehler sein könnte.

3. Der MouseOver Effekt will einfach bei dem IE nicht gelingen.

Falls diese Probleme in irgendeiner Form so einmal schon behandelt worden sind, entschuldige ich mich, denn ich wusste nicht wonach ich suchen sollte.
Es wäre dann nett diese Beiträge zu verlinken.

Falls es der falsche Bereich ist einfach verschieben.
Ich bedanke mich schon einmal im Vorraus.

Hier ist die Seite: Demon Hunter Access - German Fanpage | News of Demon Hunter


MfG

team-lpinside
 
Zu Punkt drei kann ich dir eines schoneinmal sagen: Der Internet Explorer KENNT kein mouseover...
Ich meine es hätte etwas mit margin und padding zu tun, dass das im IE so verzerrt ist. Link und Code könnte da helfen.

Gruß Corvulus
 
Danke schon einmal für deine Antwort.
Ok, hier ist der wichtige Auszug aus dem Quelltext:
Code: 
<html>
<head>
<title>Demon Hunter Access - German Fanpage | News of Demon Hunter</title>
</head>

<body background="background.jpg">
<link rel="shortcut icon" href="demon.ico"> 
<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/head.png" border="0"></td>
</tr>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/spacer-l.png"></td>
<td><img src="images/wing-l 2.png"></td>
<td>
<a href="index.htm"><img src="images/news.png" width="69" height="45" border="0" onMouseOver ="this.src='images/news-light.png';" onMouseOut="this.src='images/news.png';"></a> 
<td><img src="images/spacer-1.png"></td>
<td>
<a href="index 2.htm"><img src="images/band.png" width="64" height="45" border="0" onMouseOver ="this.src='images/band-light.png';" onMouseOut="this.src='images/band.png';">
<td><img src="images/spacer-2.png"></td>
<td>
<img src="images/media.png" width="76" height="45" border="0" onMouseOver ="this.src='images/media-light.png';" onMouseOut="this.src='images/media.png';"></td>
<td><img src="images/spacer-3.png"></td>
<td>
<img src="images/misc.png" width="73" height="45" border="0" onMouseOver ="this.src='images/misc-light.png';" onMouseOut="this.src='images/misc.png';"></td>
<td><img src="images/spacer-4.png"></td>
<td>
<img src="images/board.png" width="89" height="45" border="0" onMouseOver ="this.src='images/board-light.png';" onMouseOut="this.src='images/board.png';"></td>
<td><img src="images/wing-r 2.png"></td>
<td><img src="images/spacer-r.png"></td>
</tr>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<iframe width="147" height="1200" src="filler-l.htm" scrolling="no" frameborder="0"></iframe>
</td>
<td>
<iframe width="547" height="1200" src="news.php" scrolling="auto" frameborder="0"></iframe>
</td>
<td>
<iframe width="216" height="1200" src="filler-r.htm" scrolling="no" frameborder="0"></iframe>
</td>
</tr>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/back.png"></td>
</tr>
</table>
</table>
</center>
</body>

</html>
Sorry für den verwirrenden Aufbau:oops:


Link hatte ich auch schon gepostet. Falls dieser nicht geht, einfach nochmal sagen.: Demon Hunter Access - German Fanpage | News of Demon Hunter
 
Sorry, net gesehn. Also kann ich dir net genau weiter helfen, da ich nie mit Frames zu tun habe. Soweit ich mich entsinne lag der Fehler aber immer an margin, padding oder sonstigen Größenangaben am Rand.

Gruß Corvulus
 
Trotzdem Vielen Dank!

Wenn trotzdem jemand noch Rat hat, bitte hier posten.:?:


EDIT:

Die Verzerrte Leiste wird nun richtig angezeigt. Es war ein ganz dummer Fehler im Codebereich. Ich hatte den <td> Tag hinter dem Hyperlink nicht geschlossen. Firefox und Opera bekam keine Probleme aber der IE anscheinend.
Naja jetzt müsste nur noch eine Lösung für den Framehintergrund her.


MfG

team-lpinside
 
Zuletzt bearbeitet:
Der Quellcode deiner Seite enthält einige Fehler. Der Validator meldet 22 davon. Der größte Fehler dürfte der fehlende Doctype sein. Außerdem gehören link-Tags in den Head-Bereich. Korrigiere diese Fehler, danach kannst du dich den evtl. noch vorhandenen Anzeigefehlern im IE zuwenden.
 
So meine Seite ist nun auch valide. Eigentlich wollte ich das zuletzt machen, aber na gut. Linktags folgen später noch...

Hast jemand vielleicht noch ein Tipp für mich mit dem iframe?
Gibt es vielleicht noch eine andere Möglichkeit mittels über php include oder etwas anderem? Man sollte jedoch das eingefügte bild immer noch beliebig vergrößern bzw. verkleinern können.
Ich bin noch realtiv neu in dem Gewerbe und weiß deshalb nicht über alle Möglichkeiten Bescheid.


MfG

team-lpinside
 
Zuletzt bearbeitet:
Dein iframe-Problem klingt für mich nach einem Transparenzproblem. Wenn du unter diesen Stichworten suchst müsstest du auf das Attribut allowtransparency="true" stoßen.

SELFHTML Forumsarchiv / 2007 / August / iframe transparent machen im IE
PHP script resource iframe transparent im IE

iframes sind sowieso mist, an deiner Stelle würde ich versuchen mit php include zu arbeiten. Klar kann man darüber auch ein Bild vergrößern oder verkleinern - entweder man lädt dazu immer die Seite neu mit dem entsprechend gewünschten Inhalt oder man nutzt eine AJAX-Bibliothek dafür (Stichwort "Lightbox" wäre empfehlenswert).
 
Noch einmal vielen Dank für die guten Tipps. Ich habe das mit den iframe bereits hinbekommen. Nun habe ich mir aber auch durch den Kopf gehen lassen, dass diese Vorgehensweise nur Nachteile mit sich zieht. Also habe ich erst einmal den Befehl php include zusammen mit einem Div ausgeführt. Dabei habe ich dann jeweils immer die Bilder neu eingefügt. Dann kam ich jedoch auf die Idee die Größe des DIVs vorzugeben und anschließend die PHP Seite der jeweiligen Seite mit dem Bild als Hintergrund zu includen. Merkwürdigerweise können alle Explorer diese Befehle nicht interpretieren. Habe ich vielleicht einen Fehler gemacht?

Code von index.php

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
      <html>
<head>
<title>Demon Hunter Access - German Fanpage | News of Demon Hunter</title>
</head>
<body background="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/background.jpg">
<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/head.png" border="0" alt="head"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/spacer-l.png" alt="spacer-l"></td>
<td><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/wing-l 2.png" alt="wing-l"></td>
<td>
<a href="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/index.htm"><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/news.png" width="69" height="45" border="0" alt="news" onMouseOver ="this.src='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/news-light.png';" onMouseOut="this.src='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/news.png';"></a></td>
<td><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/spacer-1.png" alt="spacer-1"></td>
<td>
<a href="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/band/"><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/band.png" width="64" height="45" border="0" alt="band" onMouseOver ="this.src='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/band-light.png';" onMouseOut="this.src='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/band.png';"></a></td>
<td><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/spacer-2.png" alt="spacer-2"></td>
<td>
<img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/media.png" width="76" height="45" border="0" alt="media" onMouseOver ="this.src='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/media-light.png';" onMouseOut="this.src='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/media.png';"></td>
<td><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/spacer-3.png" alt="spacer-3"></td>
<td>
<img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/misc.png" width="73" height="45" border="0" alt="misc" onMouseOver ="this.src='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/misc-light.png';" onMouseOut="this.src='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/misc.png';"></td>
<td><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/spacer-4.png" alt="spacer-4"></td>
<td>
<img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/board.png" width="89" height="45" border="0" alt="board" onMouseOver ="this.src='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/board-light.png';" onMouseOut="this.src='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/board.png';"></td>
<td><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/wing-r 2.png" alt="wing-r"></td>
<td><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/spacer-r.png" alt="spacer-r"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
[COLOR="Red"]<div width="147" height="1200">
<?php 
include("filler-l.php"); 
?>
</div>[/COLOR]
</td> ...

Code von filler-l.php

Code: 
<?php
echo "(<body background='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/rahmen-l.png'>";
?>

Dann habe ich noch versucht einfach dem DIV einen background zu geben. Das Ergebnis war jedoch gleich.

Code von index.htm

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
      <html>
<head>
<title>Demon Hunter Access - German Fanpage | News of Demon Hunter</title>
</head>
<body background="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/background.jpg">
<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/head.png" border="0" alt="head"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/spacer-l.png" alt="spacer-l"></td>
<td><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/wing-l 2.png" alt="wing-l"></td>
<td>
<a href="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/index.htm"><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/news.png" width="69" height="45" border="0" alt="news" onMouseOver ="this.src='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/news-light.png';" onMouseOut="this.src='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/news.png';"></a></td>
<td><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/spacer-1.png" alt="spacer-1"></td>
<td>
<a href="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/band/"><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/band.png" width="64" height="45" border="0" alt="band" onMouseOver ="this.src='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/band-light.png';" onMouseOut="this.src='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/band.png';"></a></td>
<td><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/spacer-2.png" alt="spacer-2"></td>
<td>
<img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/media.png" width="76" height="45" border="0" alt="media" onMouseOver ="this.src='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/media-light.png';" onMouseOut="this.src='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/media.png';"></td>
<td><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/spacer-3.png" alt="spacer-3"></td>
<td>
<img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/misc.png" width="73" height="45" border="0" alt="misc" onMouseOver ="this.src='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/misc-light.png';" onMouseOut="this.src='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/misc.png';"></td>
<td><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/spacer-4.png" alt="spacer-4"></td>
<td>
<img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/board.png" width="89" height="45" border="0" alt="board" onMouseOver ="this.src='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/board-light.png';" onMouseOut="this.src='http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/board.png';"></td>
<td><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/wing-r 2.png" alt="wing-r"></td>
<td><img src="http://lpterritory.lp.funpic.de/demon%20hunter%20fanpage/images/spacer-r.png" alt="spacer-r"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
[COLOR="#ff0000"]<div width="147" height="1200" style="background-image:url(images/rahmen-l.png);"></div>[/COLOR]
</td> ...

Ich bedanke mich noch einmal im Vorraus und hoffe ihr könnt mir helfen.

MfG

team-lpinside
 
Der erste Weg über body ist falsch, da kommt dann eine Seite mit 2 mal body raus. Beim zweiteren würde ich die Größe des divs als CSS verfassen und den Inhalt zumindest mit einem geschützen Leerzeichen auffüllen.

Code: 
<div style="width: 147px;height: 1200px;background-image:url(images/rahmen-l.png);">&nbsp;</div>
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben