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

iFrame probleme

Status
Für weitere Antworten geschlossen.
G

gebbers

Neues Mitglied
iFrame verschiebt Navigation

So da ich nun mit einem neuen Quelltext arbeite hab ich einfach mal den Alten gelöscht da ich immernoch Probleme habe.
Nun sieht alles einigermaßen aus, nur die Seitliche Navigation, befindet sich unter dem iFrame.
Sie sollte eigentlich rechts neben dem iFrame liegen.

Code: 
<!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>Untitled Document</title>
<style type="text/css">
<!--
.style1 {color: #000000}
-->
</style>
</head>

<body bgcolor="#00000">

<table id="Tabelle_01" width="870" height="119" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="0">
<img src="Bilder/bar_01.jpg" width="870" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="Bilder/bar_02.jpg" width="1" height="118" alt=""></td>
<td>
<img src="Bilder/bar_03.jpg" alt="" width="173" height="117"></td>
<td rowspan="2">
<img src="Bilder/bar_04.jpg" width="1" height="118" alt=""></td>
<td>
<img src="Bilder/bar_05.jpg" width="173" height="117" alt=""></td>
<td rowspan="2">
<img src="Bilder/bar_06.jpg" width="1" height="118" alt=""></td>
<td>
<img src="Bilder/bar_07.jpg" width="173" height="117" alt=""></td>
<td rowspan="2">
<img src="Bilder/bar_08.jpg" width="1" height="118" alt=""></td>
<td>
<img src="Bilder/bar_09.jpg" width="173" height="117" alt=""></td>
<td rowspan="2">
<img src="Bilder/bar_10.jpg" width="1" height="118" alt=""></td>
<td>
<img src="Bilder/bar_11.jpg" width="172" height="117" alt=""></td>
<td rowspan="2">
<img src="Bilder/bar_12.jpg" width="1" height="118" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/bar_13.jpg" alt="" width="173" height="1" class="style1"></td>
<td>
<img src="Bilder/bar_14.jpg" width="173" height="1" alt=""></td>
<td>
<img src="Bilder/bar_15.jpg" width="173" height="1" alt=""></td>
<td>
<img src="Bilder/bar_16.jpg" width="173" height="1" alt=""></td>
<td>
<img src="Bilder/bar_17.jpg" width="172" height="1" alt=""></td>
</tr>
</table>
<td width="200" id="subtableinhalt"><div id="content">
<iframe src="index2.html" name="Blog" border="0" frameborder="0" style="width: 696px; height: 571px; border: 0;"></iframe>
<table id="Tabelle_01" width="174" height="571" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="Bilder/sidebar_01.jpg" width="174" height="432" alt=""></td>
</tr>
<tr>
<td rowspan="8">
<img src="Bilder/sidebar_02.jpg" width="1" height="139" alt=""></td>
<td>
<img src="Bilder/sidebar_03.jpg" width="172" height="32" alt=""></td>
<td rowspan="6">
<img src="Bilder/sidebar_04.jpg" width="1" height="104" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/sidebar_05.jpg" width="172" height="2" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/sidebar_06.jpg" width="172" height="33" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/sidebar_07.jpg" width="172" height="2" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/sidebar_08.jpg" width="172" height="33" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/sidebar_09.jpg" width="172" height="2" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="Bilder/sidebar_10.jpg" width="173" height="33" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="Bilder/sidebar_11.jpg" width="173" height="2" alt=""></td>
</tr>
</table>
</body>
</html>

Hier der Link, man kann den iFrame nur lesen nicht sehen.
Gentelman
 
Zuletzt bearbeitet:
du meinst, das das menü soweit nach rechts geht und nicht bündig ist mit dem logo?

Du hast dieses menü in einer liste. warum? ich kann keine listenelemente entdecken! gib mal der liste (<ul>...</ul>) eine weiße border von 1 pixel. dann erkennst du das problem ;)

edit: und bitte mach nen ordentlichen doctype rein! ;(
 
in deinen stylebereich folgendes:
HTML: 
<style>
...
UL{
border:1px solid #FFF;
}
...
</style>
das zeigt dir aber nur das problem und ist nicht die lösung :mrgreen:
 
So nun hab ich fast alles geschafft. Nur wenn ich alles ins Netz lade wird der Iframe(der jetzt auch gefüllt ist) nicht angezeigt.

Code: 
<html>
<head>
<title>Fuellhorn</title>
<style type="text/css">
#table{
    position:absolute;
    left:712px;
    top:134px;
}
#table2{
    position:absolute;
    left:16px;
    top:15px;
}
#iframe{
    position:absolute;
    left:17px;
    top:135px;
}

</style>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body bgcolor="FFC000" onLoad="MM_preloadImages('Bilder/hpmarger2_03.jpg','Bilder/hpmarger2_05.jpg','Bilder/hpmarger2_07.jpg','Bilder/hpmarger2_09.jpg','Bilder/hpmarger2_18.jpg','Bilder/hpmarger2_20.jpg','Bilder/hpmarger2_22.jpg','Bilder/hpmarger2_24.jpg')">

<table id="table2" name="table2" width="870" height="119" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="12">
			<img src="Bilder/bar_01.jpg" width="870" height="1" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="Bilder/bar_02.jpg" width="1" height="118" alt=""></td>
		<td>
			<a href="fuellhorn.html"target="iframe"></a><a href="fuellhorn.html" target="blog" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image29','','Bilder/hpmarger2_03.jpg',1)"><img src="Bilder/hpmarger_03.jpg" name="Image29" width="173" height="117" border="0"></a></td>
		<td rowspan="2">
			<img src="Bilder/bar_04.jpg" width="1" height="118" alt=""></td>
		<td><a href="steine.html" target="blog" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image30','','Bilder/hpmarger2_05.jpg',1)"><img src="Bilder/hpmarger_05.jpg" name="Image30" width="173" height="117" border="0"></a></td>
		<td rowspan="2">
			<img src="Bilder/bar_06.jpg" width="1" height="118" alt=""></td>
		<td><a href="monda.html" target="blog" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image31','','Bilder/hpmarger2_07.jpg',1)"><img src="Bilder/hpmarger_07.jpg" name="Image31" width="173" height="117" border="0"></a></td>
		<td rowspan="2">
			<img src="Bilder/bar_08.jpg" width="1" height="118" alt=""></td>
		<td><a href="kunst.html" target="blog" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image32','','Bilder/hpmarger2_09.jpg',1)"><img src="Bilder/hpmarger_09.jpg" name="Image32" width="173" height="117" border="0"></a></td>
		<td rowspan="2">
			<img src="Bilder/bar_10.jpg" width="1" height="118" alt=""></td>
		<td><a href="main.html" target="blog"><img src="Bilder/bar_11.jpg" alt="" width="172" height="117" border="0"></a></a></td>
		<td rowspan="2">
			<img src="Bilder/bar_12.jpg" width="1" height="118" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/bar_13.jpg" alt="" width="173" height="1" class="style1"></td>
		<td>
			<img src="Bilder/bar_14.jpg" width="173" height="1" alt=""></td>
		<td>
			<img src="Bilder/bar_15.jpg" width="173" height="1" alt=""></td>
		<td>
			<img src="Bilder/bar_16.jpg" width="173" height="1" alt=""></td>
		<td>
			<img src="Bilder/bar_17.jpg" width="172" height="1" alt=""></td>
	</tr>
</table>

</div>
<iframe id="iframe"  src="main.html" name="blog" border="0" frameborder="0" style="width: 694px; height: 571px; border: 0;"></iframe>
<tr>
  <table  id="table" name="table" width="174" height="571" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td colspan="12"><img src="Bilder/sidebar_01.jpg" width="174" height="432" alt="" /></td>
      </tr>
      <tr>
        <td colspan="12"></td>
	  </tr>
      <tr>
        <td rowspan="8"><img src="Bilder/sidebar_02.jpg" width="1" height="139" alt="" /></td>
		
        <td><a href="links.html" target="blog" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image33','','Bilder/hpmarger2_18.jpg',1)"><img src="Bilder/sidebar_03.jpg" name="Image33" width="172" height="33" border="0"></a></td>
	        <td rowspan="6"><img src="Bilder/sidebar_04.jpg" width="1" height="104" alt="" /></td>
      </tr>
      <tr>
        <td><img src="Bilder/sidebar_05.jpg" width="172" height="2" alt="" /></td>
      </tr>
      <tr>
        <td><a href="kontakt.html" target="blog" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image34','','Bilder/hpmarger2_20.jpg',1)"><img src="Bilder/hpmarger_20.jpg" name="Image34" width="172" height="33" border="0"></a></td>
      </tr>
      <tr>
        <td><img src="Bilder/sidebar_07.jpg" width="172" height="2" alt="" /></td>
      </tr>
      <tr>
        <td></a><a href="ereignisse.html" target="blog" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image35','','Bilder/hpmarger2_22.jpg',1)"><img src="Bilder/sidebar_08.jpg" name="Image35" width="172" height="33" border="0"></a></td>
      </tr>
      <tr>
        <td><img src="Bilder/sidebar_09.jpg" width="172" height="2" alt="" /></td>
      </tr>
      <tr>
        <td colspan="2"></a><a href="impressum.html" target="blog" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image36','','Bilder/hpmarger2_24.jpg',1)"><img src="Bilder/sidebar_10.jpg" name="Image36" width="173" height="33" border="0"></a></td>
      </tr>
      <tr>
        <td colspan="2"><img src="Bilder/sidebar_11.jpg" width="173" height="2" alt="" /></td>
      </tr>
  </table>
</div>
</body>
</html>

Fuellhorn
 
der iframe ist da, nur hat er keine inhalt. nur folgendes html-gerüst:
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>Impressum</title>
</head>

<body background="bilder/background.jpg">
</body>
</html>
sicher ein pfadproblem
 
Also den Hinhalt zeigt er an aber das Hintergrundbild nicht.
Woran kann das den liegen, im Netz ist es ja. Und wenn ich die Seite Offline anschaue sieht man auch das Hintergrundbild.

Edit: Fehler gefunden ich habs einfach mit nem CSS code probiert nun gehts.
Trotzdem Danke.
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben