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

Iframe wird nicht korrekt angezeigt

Status
Für weitere Antworten geschlossen.
G

gurisingh

Neues Mitglied
Hallo,

Ich habe hier ein Problem, wo ich leider nicht mehr weiter weiss.

Hier ist der Link zu meiner page:

[URL]http://mondschein.gratis-server.de/CopyofIamsorry2.html [/URL]


So wird das auf meinem pc angezeigt, mit FF und IE. Wie schaffe ich es, dass das iframe ohne jeglichen weissen Rand dort integriet wird.

Hier der Quellcode von der Hauptseite:

<html>
<head>
<title>Iamsorry</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Iamsorry.psd) -->
<table id="Table_01" width="1025" height="769" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="17">
<img src="http://www.html.de/images/Iamsorry_01.gif" width="74" height="768" alt=""></td>
<td colspan="11">
<img src="http://www.html.de/images/Iamsorry_02.gif" width="949" height="45" alt=""></td>
<td>
<img src="http://www.html.de/images/Iamsorry_03.jpg" width="1" height="45" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="45" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="http://www.html.de/images/Iamsorry_04.gif" width="841" height="2" alt=""></td>
<td rowspan="3">
<img src="http://www.html.de/images/Iamsorry_05.jpg" width="79" height="75" alt=""></td>
<td colspan="2" rowspan="15">
<img src="http://www.html.de/images/Iamsorry_06.gif" width="30" height="721" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="http://www.html.de/images/Iamsorry_07.jpg" width="69" height="73" alt=""></td>
<td colspan="7">
<img src="http://www.html.de/images/Iamsorry_08.jpg" width="772" height="72" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="72" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="http://www.html.de/images/Iamsorry_09.jpg" width="772" height="1" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="10">
<img src="http://www.html.de/images/Iamsorry_10.jpg" width="920" height="68" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="68" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="http://www.html.de/images/Iamsorry_11.jpg" width="162" height="76" alt=""></td>
<td rowspan="10">
<img src="http://www.html.de/images/Iamsorry_12.jpg" width="36" height="452" alt=""></td>
<td colspan="3" rowspan="9">
<iframe src="iframe.html" style="border:0px #FFFFFF none;" name="Background" scrolling="no" frameborder="0" align=aus marginheight="0px" marginwidth="0px" height="379" width="520"></iframe></td>
<td colspan="2" rowspan="7">
<img src="http://www.html.de/images/Iamsorry_14.jpg" width="202" height="292" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="76" alt=""></td>
</tr>
<tr>
<td rowspan="9">
<img src="http://www.html.de/images/Iamsorry_15.jpg" width="34" height="376" alt=""></td>
<td colspan="2">
<img src="http://www.html.de/images/Iamsorry_16.jpg" width="110" height="22" alt=""></td>
<td rowspan="7">
<img src="http://www.html.de/images/Iamsorry_17.jpg" width="18" height="255" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="http://www.html.de/images/Iamsorry_18.jpg" width="110" height="38" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="http://www.html.de/images/Iamsorry_19.jpg" width="110" height="22" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="http://www.html.de/images/Iamsorry_20.jpg" width="110" height="38" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="http://www.html.de/images/Iamsorry_21.jpg" width="110" height="22" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="4">
<img src="http://www.html.de/images/Iamsorry_22.jpg" width="110" height="234" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="74" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="5">
<img src="http://www.html.de/images/Iamsorry_23.gif" width="202" height="288" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="39" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://www.html.de/images/Iamsorry_24.gif" width="18" height="121" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="48" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="http://www.html.de/images/Iamsorry_25.jpg" width="520" height="73" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="73" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="2">
<img src="http://www.html.de/images/Iamsorry_26.gif" width="396" height="128" alt=""></td>
<td>
<img src="http://www.html.de/images/Iamsorry_27.jpg" width="144" height="126" alt=""></td>
<td>
<img src="http://www.html.de/images/Iamsorry_28.gif" width="178" height="126" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="126" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="http://www.html.de/images/Iamsorry_29.jpg" width="322" height="2" alt=""></td>
<td colspan="2">
<img src="http://www.html.de/images/Iamsorry_30.jpg" width="30" height="2" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td>
<img src="http://www.html.de/images/spacer.gif" width="74" height="1" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="34" height="1" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="35" height="1" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="75" height="1" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="36" height="1" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="198" height="1" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="144" height="1" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="178" height="1" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="123" height="1" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="79" height="1" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="29" height="1" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Zum Vergrößern anklicken....
Hier von der externen Seite, die als Iframe fungieren soll:
<html>
<head>
<title>Background</title>
<meta name="author" content="Guri">
</head>
<body>
<table border="0" width="520" height="379" >
<tr>
<th background="http://www.html.de/images/Iamsorry_13.jpg"></th>
</tr>
</table>
</body>
</html>
Zum Vergrößern anklicken....
Mein ziel ist es, das Bild im Iframe als hintergrund zu benutzen, um darauf Bilder, Texte auffuehren zu koennen.

Ich bedanke mich fuer eure hilfe, denn ich mache das fuer meine Freundin und bin daher etwas in Zeitdruck, weil ich das diese Woche noch fertig kriegen muss.[/b]
 
Zuletzt bearbeitet:
HTML: 
<iframe frameborder="0"></iframe>
MfG, matibaski
 
Warum willst du dafür ein IFrame nutzen ???
Das bild welches du hast kannst du doch einfach als Hintergrundbild nutzen.
Dann kannst du da ganz ohne Probleme Text und Bilder "drüber" schreiben.

Code: 
<td colspan="3" rowspan="9" style="background-image: url('http://www.html.de/images/Iamsorry_13.jpg');">
Dein text hier...
</td>

Oder verstehe ich gerade was falsch ???
 
@matibaski
HTML: 
<iframe frameborder="0"></iframe>
Das steht schon da, fast am ende des Befehls.


@da_loki
Ich moechte, so eine Art gallerie machen, wo sich jedes der Bilder, auf die man klickt in dem "iframe" reinladet mit entsprechendem Text.

Wenn ich das als Background machen wuerde, muesste ich doch jedesmal fuer weitere Bilder, die komplette seite neu erstellen, mit neuem text, grafiken etc..

Iamsorry

Hier nochmal, wie das momentan aussieht. Moechte das ohne den weissen rand, der aus irgendeinem grund dort auftaucht.
 
Ein kleiner Tipp ich würde keien Tabellen fürs Design holen, benutz lieber CSS das ist übersichtlicher und bietet auch viele Formatierungsmöglichkeiten für HTML Elemente.
 
Der Validator meldet folgendes Ergebnis.
Fehler beseitigen!
Und gewöhnt Euch an, eine Doctype anzugeben. Wie oft muß man das noch erwähnen in diesem Forum! :roll:

Dann schaust Du bitte ob der Fehler noch auftaucht.Und was soll das bitteschön:
HTML: 
style="border:0px #FFFFFF;"
Border auf null setzen mit Farbe ??? Nimm alle attribute aus dem iframe, bis auf src !
 
Wenn ich das so lasse:

Code: 
<iframe src="iframe.html" name="Background" scrolling="no" frameborder="0" height="379" width="520"></iframe>
Dann ist der Iframe noch mehr durcheinander.

Ich hab gemerkt, dass ich die groesse des weissen Randes veraendern kann, indem ich folgende werte aendere:
Code: 
<iframe src="iframe.html" name="Background" scrolling="no" frameborder="0" marginheight="5" marginwidth="0" height="379" width="520"></iframe>
"Marginheight" und "marginwidth", doch egal was ich angebe, es wird entweder zu viel nach rechts oder nach unten oder nach oben oder nach links und besetzt nie das vollstaendige bild.
 
Immer noch kein Doctype? Keinen einzigen Fehler beseitigt? Und Ihr wundert Euch, das Eure Seiten nicht so funktionieren wie Ihr es wollt?
:roll:
Und jetzt überleg bitte, welchem Teil Deiner Tabelle Du das Hintergrundbild gegeben hast und warum deshalb ein Rahmen (hast Du die Zaunslatte gespürt?) angezeigt wird !!!
 
@webhosting24 - Login
Ich habe <!DOCTYPE html PUBLIC "quoted string"> ganz oben in meiner datei eingefuegt und trotzdem nichts. Ich konnte die datei nur nicht hochladen.
Und wegen deiner Bemerkung, glaubst du nicht ich hab mir schon die tabellen mehrmals angeguckt? Siehst du den nicht das alles auf border="0" gesetzt ist.
 
gurisingh schrieb:
Und wegen deiner Bemerkung, glaubst du nicht ich hab mir schon die tabellen mehrmals angeguckt? Siehst du den nicht das alles auf border="0" gesetzt ist.
Zum Vergrößern anklicken....

Deine Border sind auf null, das ist richtig. Aber Du bist Dir offensichtlich nicht über den Aufbau einer HTML-Tabelle im klaren.
Also ich hab den "Fehler" gefunden.:mrgreen:
 
Natürlich gerne. Wenn Du wissen willst wo das Problem liegt, wärst Du dann so freundlich mir dafür € 5,00 zu überweisen? :mrgreen:

Spaß beiseite. Warum strengst Du Dich nicht an und versuchst zur Lösung des Problems beizutragen. Ich erwarte von Leuten, die mit HTML arbeiten wollen etwas mehr Bereitschaft dazu, etwas lernen zu wollen. Wenn man Euch immer alles vorkaut, werdet ihr immer über die selben Probleme stolpern.
Ich gebe Dir aber noch einen Tipp:

HTML-Tabellen bestehen unter anderem aus Zellen und diese haben einen standardisierten Abstand nach außen und nach innen ;) Schau dir mal die Attribute an, die in <table> vorkommen können.

EDIT: Allerdings wäre es wesentlich einfacher das Hintergrundbild woanders in Deiner Tabelle zu platzieren. Aber das hatte ich Dir ja schon mitgeteilt. ;)
 
Ich habs geschafft.

Ich musste

<table width="528" height="463" cellpadding="0" cellspacing="0" >

noch in meiner iframe.html datei einfuegen :).
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben