iframe - bin ich pläd?

Cpt. Rick

Hi,

also das ist wirklich seltsam!
ich habe folgenden Code:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
	padding: 0px;
	margin: 0px;
	background-color: #000000;
}


.main{
	display: block;
	width: 760px;
	height: 1200px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(gfx/main_bg.png);
}


iframe{
	border: 0px;
	margin: 0px;
	width: 273px;
	height: 158px;
}
-->
</style></head>


<body>
<div class="main">

		<iframe src="screen1.html"></iframe>

		<iframe src="screen2.html"></iframe>

</div>
</body>
</html>

Alles anzeigen

Was nun passiert ist krank!
Beide iframes sind dunkelgrau obwohl beide screen*.htmls existieren.
Hab ich zu lang vorm Rechner gesessen oder gibt es dafür einen plausiblen Grund?

driver

wenn se dunkelgrau sind müssen se ja gefunden werden.
sonst würde ja "seite nicht gefunden" dastehen...

vielleicht sind auf den screen*.html - dateien einfach die hintergrunde dunkelgrau definiert ?

Cpt. Rick

Ich habe extra den einen Hintergrund lila und den anderen grau gemacht, aber trotzdem sind beide grau...

DarkSyranus

Definier mal für den iframe ne höhe, oder mach mal den grauen rot oder so.
Mal gucken was dann passiert.

Cpt. Rick

Hmm...also ich habe einen blau und einen rot gemacht, jetzt funktionierts...

Keine Ahnung woran das wieder lag...in letzter Zeit macht mein FX öfters solche Faxen...

driver

also ich habs bei mir grad mal nachgebildet, hier klappts.

kannst des mal hochladen ?

Cpt. Rick

Bei mir gehts jetzt auch!
Ich weiß nicht was das war, ich hab ja eig. nichts geändert...nur die Farbe...

Naja, falls dieses Problem mit meinem FX nochmals auftaucht werde ich das hier mal Posten...vllt bin ich ja nicht der Einzeige (und auch nicht verrückt^^)

Cpt. Rick

Ich glaube ich habe da noch etwas gefunden!
Der Code sieht jetzt so aus:

Code

<style type="text/css">
<!--
body {
	padding: 0px;
	margin: 0px;
	background-color: #000000;
}


.main{
	display: block;
	width: 760px;
	height: 1200px;
	margin: 15px auto;
	padding: 0px;
	background-image: url(gfx/main_bg.png);
}


iframe{
	border: 0px;
	margin: 0px;
	width: 271px;
	height: 158px;
}
-->
</style></head>


<body>
<div class="main">


			<iframe src="screen1.html" name="screen1" style="margin-left: 182px; margin-top: 20px;"></iframe>

			<iframe src="screen2.html" name="screen2" style="margin-left:-3px;"></iframe>

			<iframe src="screen3.html" name="screen3" style="margin-left: 182px; margin-top:-5px;"></iframe>

			<iframe src="screen4.html" name="screen4" style="margin-left:-3px; margin-top:-5px;"></iframe>


</div>

Alles anzeigen

Problem ist dass sich hier 2 iframes überlappen.
Ich habe eine negatives margin, da die iframes nen standart abstand haben.
Dadurch nimmt der untere iframe den link des darüber liegenden an!

Cpt. Rick

Weiß denn jemadn warum das so ist udn wie man das beheben kann?

Tags