iframe problerm

  • geschlossen

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • iframe problerm

    bin gerade dabei eine hompage mit dreamweaver zu machen,
    seite hat banner und links "textlinks" . möchte bei click darauf inhalt von iframe ändern.leider funktioniert das nicht - bitte um Hilfe

    Falls jemanden sonst ein guter Hinweis einfällt bitte auch poste. hier mein 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=utf-8" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
    <style type="text/css">
    <!--
    body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #666666;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
    }
    .glue {
    background-color: #F3EDCB;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    margin: 0;
    padding: 0;
    }
    .button {
    font-size: 12px;
    background-color: #481416;
    border-bottom-width: thin;
    border-bottom-style: hidden;
    height: 30px;
    width: 110px;
    left: 31px;
    padding: 10;
    border-color: #F1E9C4;
    padding-top: 10px;
    }
    #DivBanner {
    position:absolute;
    left:0;
    top:0px;
    width:1000;
    height:133;
    z-index:4;
    padding: 0;
    }
    #DivSide {
    position:absolute;
    left:0;
    top:133px;
    width:192px;
    height:633;
    z-index:3;
    padding-top: 0px;
    }
    #DivFooter {
    position:absolute;
    left:242px;
    top:663px;
    width:808;
    height:133;
    z-index:1;
    }
    #Content {
    position:absolute;
    z-index:5;
    }
    a:link {
    color: #66CC99;
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    color: #66CC99;
    }
    a:hover {
    text-decoration: none;
    color: #F4EECE;
    }
    a:active {
    text-decoration: none;
    color: #FDF4D7;
    }
    a {
    font-size: 14px;
    font-weight: bold;
    }
    #apDivB2 {
    position:absolute;
    top:223px;
    z-index:7;
    }
    #apDivB3 {
    position:absolute;
    top:282px;
    z-index:8;
    }
    #apDivB4 {
    position:absolute;
    top:337px;
    z-index:9;
    }
    #apDivB5 {
    position:absolute;
    top:395px;
    z-index:10;
    }
    #apDivB6 {
    position:absolute;
    top:454px;
    z-index:11;
    }
    #apDivB1 {
    position:absolute;
    top:165px;
    z-index:12;
    }
    #apDivM1 {
    position:absolute;
    top:26px;
    z-index:13;
    padding: 5;
    }
    .content {
    background-color: #66CC99;
    height: 633px;
    width: 758px;
    top: 132px;
    left: 243px;
    }
    -->
    </style>
    <!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .twoColElsLtHdr #sidebar1 { padding-top: 30px; }
    .twoColElsLtHdr #mainContent { zoom: 1; padding-top: 15px; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    <script type="text/javascript">
    <!--
    function MM_jumpMenu(targ,selObj,restore){ //v3.0
    eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
    if (restore) selObj.selectedIndex=0;
    }
    //-->
    </script>
    </head>

    <body class="twoColElsLtHdr">

    <div class="glue" id="DivBanner"><img src="img/site elements/big_top.JPG" width="1000" height="133" /></div>
    <div id="DivSide"><img src="img/site elements/big_left.JPG" width="242" height="663" class="glue" /></div>
    <div id="DivFooter"><img src="img/site elements/big_botton.JPG" width="808" height="133" /></div>
    <div class="button" id="apDivB1"><a href="/basketball.htm" target="ContentFrame">Über Uns</a></div>
    <div class="button" id="apDivM1">
    <form name="form" id="form">
    <select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
    <option>Auswählen...</option>
    <option>Über Uns</option>
    <option>Spiel Modus</option>
    <option>Kontakt</option>
    <option>Ergebniss</option>
    <option>Rangliste</option>
    <option>Gallerie</option>
    </select>
    </form>
    </div>
    <div class="button" id="bottonUeberUns"><a href="/test.htm" target="ContentFrame" <strong>Über Uns</strong></a></div>
    <div class="button" id="apDivB2"><a href="/basketball.htm" target="ContentFrame">Gallerie</a></a></div>
    <div class="button" id="apDivB3"><a href="#">Spiel Modus</a></div>
    <div class="button" id="apDivB4"><a href="#">Kontakt</a></div>
    <div class="button" id="apDivB5"><a href="#">Rangliste</a></div>
    <div class="button" id="apDivB6"><a href="#">Ergebnisse</a></div>

    <div class="content" id="Content">
    <iframe src="test.htm" name="ContentFrame" id="ContentFrame" width="758" height="633" align="top" scrolling="auto"></iframe>
    </div>
    </body>
    </html>