Thorsten: iframe auf 100% des tables setzen..

Hallo.

Ich habe da ein "kleines" Problem mit einem iframe einer page. Ja, ich habe bereits die Foren und Archive durchforstet, nur ich hab ein Problem: Ich kenne mich relativ schlecht aus. Bis her hab ich mich mit Hilfe von Dreamweaver und den Erklärungen hier immer gut durchringen können und kam zum Ziel aber jetzt kapier ich die Welt nicht mehr und hoffe ihr könnt mir helfen. ;)

Und zwar habe ich diesen code hier.. jaja sehr unübersichtlich aber er funktioniert:

<!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>abgeschleppt</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body bgcolor="#14285f">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="61%" height="100" rowspan="2" bgcolor="#000000" scope="col">&nbsp;</td>
    <td width="39%" height="78" valign="bottom" bgcolor="#000000" class="pageName" scope="col">random</td>
  </tr>
  <tr>
    <td nowrap="nowrap" bgcolor="#000000" class="subPageName" scope="col">random</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="63" valign="top"><table width="100%" height="14" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td height="14" bgcolor="#CC3300">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
<table width="100%" height="52" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="18%" height="52">&nbsp;</td>
    <td width="82%" valign="top"><iframe src="empty.html" name="links" width="100%" "height="30" class="detailtext" frameborder="0"></iframe></td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="185" height="500" valign="top"><table width="172" height="539" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <th width="166" height="539" align="left" valign="top" scope="row"><table width="171" border="0" cellspacing="0" cellpadding="15">
          <tr>
            <td width="141" height="40" class="sidebarHeader"><a href="1.html" target="main" class="sidebarHeader"
onclick="top.links.location.href='linkscommon.html';">1</a></td>
          </tr>
          <tr>
            <td width="141" height="40" class="sidebarHeader"><a href="2.html" target="main" class="sidebarHeader"
onclick="top.links.location.href='linksgirls.html';">2</a></td>
          </tr>
          <tr>
            <td width="141" height="40" class="sidebarHeader"><a href="3.html" target="main" class="sidebarHeader"
onclick="top.links.location.href='linksboys.html';">3</a></td>
          </tr>
          <tr>
            <td width="141" height="40" class="sidebarHeader"><a href="4.html" target="main" class="sidebarHeader"
onclick="top.links.location.href='linksbla.html';">4</a></td>
          </tr>
          <tr>
            <td width="141" height="40" class="sidebarHeader"><a href="h5" target="main" class="sidebarHeader" onclick="top.links.location.href='empty.html';">5</a></td>
          </tr>
          <tr>
            <td width="141" height="40" class="sidebarHeader"><a href="6" target="main" class="sidebarHeader" onclick="top.links.location.href='empty.html';">6</a></td>
          </tr>
        </table></th>
        <td width="66" bgcolor="#445DA0"></td>
      </tr>
    </table></td>
    <td width="841" valign="top"><iframe src="intro.html" name="main" width="100%" height="800" frameborder="0"></iframe></td>
  </tr>
</table>
</body>
</html>

Okay. Ich habe also zwei iframes eingebunden. Das eine (kleine) oben, das große darunter. In dem unteren sollen diverse pages aufgerufen werden über die Liste links. Darin sind Grafiken oder Text enthalten. Jetzt ist mein Problem, dass ich es nicht schaffe, die Höhe dieses iframes so festzulegen, dass es unten mit dem Explorer abschließt (ich benutze Firefox). Ich kann es natürlich erzwingen, indem ich einfach 'height="600"' eingebe z.B. aber naja.. wenn ich unter der "Ansicht" von Firefox mal ein Menü wegnehme, ist natürlich wieder Platz da. Und wenn ich es auf 100% setze, geht ja gar nix mehr. Das Fenster wird klein und das wars.

Ich hab keinen Durchblick mehr irgendwie. Könnte jemand von euch helfen und mir sagen was ich wo eintragen muss, damit ich mein Ziel erreiche?
Ich blick es nicht mehr. ;)

Vielen Dank & liebe Grüße, Thorsten

  1. Hallo Thorsten

    Ich koennte mir vorstellen, dass deine Probleme mit deinem Layout zusammenhaengen. Durch die vielen Tabllen und die ungeordneten Hoehen und Breiten Angaben, koennen sich Fehler eingeschlichen haben. Nimm doch statt der vielen Tabellen nur eine und lege dort die Hoehe mit 100% fest. Das restliche Layout verwirklichst du mit Zellen und Spalten (Du kannst Zellen und Saplten mit dem Attribut colspan bzw. rowspan verbinden). Das macht die vielen anderen Tabellen unoetig.
    Auch wenn du noch Einsteiger bist, mach dir ruhig die Muehe und probiere ein bischen rum.
    Du musst nicht immer das machen was Dreamweaver dir sagt :-).
    Wenn du dann Fragen hast, sind sie wesentlich leichter zu beantworten, als obrigen Code zu debuggen.

    Gruss
    Wie immer Ratlos