Anordnung von Ebenen

Dieses Thema im Forum "Web Page Design" wurde erstellt von ypsiw, 13.01.2005.

  1. ypsiw

    ypsiw Thread Starter MacUser Mitglied

    Beiträge:
    85
    Zustimmungen:
    0
    MacUser seit:
    09.07.2004
    Hallo alle zusammen,

    bin immer noch dabei meine Webseite zu erstellen.
    Habe folgendes Problem:
    Habe die Seite als Tabelle angelegt. In die Linkleiste wurde ein Pull-Down-Menü eingesetzt.
    Das Problem ist, wenn ich in den Hauptbereich einen Text schreibe, der länger ist als das Fenster, zieht sich mein gesamtes Erscheinungsbild auseinander (soll es aber nicht). Also habe ich mir gedacht, ich setze ein iFrame ein (habe wieder eine Scrollfunktion). Doch dann funktioniert mein Pull-Down-Menü nicht mehr. Das Problem liegt einfach nur darin, dass wenn ich den iframe einsetze liegt er ganz oben. Dadurch verdeckt er das Pulldown-Menü wenn es sich öffnet. Habe dann hier im Forum und auch bei Selfhtml nach einer Anordnungs-Funktion gesucht. Beim mediengestalter-forum konnte mir bis jetzt auch keiner helfen.

    Hier ersteinmal das Bild zur Ansicht.
    http://www.design-ad-concept.de/testing/test_dtp/testdesign.jpg

    Nicht erschrecken, warum ich ein Tabellenlayout gewählt habe. Es soll auch ein komplettes Layout mit Ebenen und rein CSS gebastelt werden. Nur leider hat der IE 5 vom Mac damit leichte Schwierigkeiten und deswegen gibt es dann dafür die Tabellen. ;)

    Habt ihr vielleicht noch eine Idee?

    Gruß
    ypsiw
     
    Zuletzt von einem Moderator bearbeitet: 25.10.2015
  2. ypsiw

    ypsiw Thread Starter MacUser Mitglied

    Beiträge:
    85
    Zustimmungen:
    0
    MacUser seit:
    09.07.2004
    Hat keiner eine Idee? :(
     
  3. macmaniac_at

    macmaniac_at MacUser Mitglied

    Beiträge:
    3.586
    Zustimmungen:
    103
    MacUser seit:
    26.09.2004
    CSS ist ja OK, aber von Ebenen würde ich die Finger lassen, das ist momentan noch eine viel zu inkompatible Geschichte...

    Such' mal nach dem "Object" Tag.... ich weiß zwar selbst nicht, wie man es anwendet, aber damit solltest du in diesem Tabellenlayout ans Ziel kommen.

    Btw... IE5-4-mac ist auch nicht die Beste Testbasis...
     
  4. moritz-t

    moritz-t MacUser Mitglied

    Beiträge:
    367
    Zustimmungen:
    1
    MacUser seit:
    09.07.2003
    ich bin nicht sicher, ob ich dich richtig verstanden habe, aber ich glaube, der von dir besagte iframe soll wohl in dem leeren, großenFeld in der Mitte liegen. Damit er aufklappende Pull-Down-Menüs nicht zerstört, musst du ihn einfach nur in den hintergrund legen, also <iframe style="z-index:-1;"> z.B.

    Moritz
     
  5. Darkstar

    Darkstar MacUser Mitglied

    Beiträge:
    160
    Zustimmungen:
    0
    MacUser seit:
    17.07.2004
    Das Problem wird wahrscheinlich sein, dass sich Dein Navimenü auf der 0-Ebene befindet - sprich der Inhalt Deines Dropdownmenüs liegt an niedrigster Position, aber dennoch über dem normalen HTML-Quellcode.
    Versuch vielleicht mal den z-index für die Ebenen in Deinem Dropdownmenü auf 1 oder noch höher zu setzen, dann könnte es klappen.

    Ansonsten kann man schwer was sagen, da man den Code des Scriptes nicht kennt. Aber vielleicht hilft Dir das ja ein wenig weiter.

    Greetings :)
     
  6. ypsiw

    ypsiw Thread Starter MacUser Mitglied

    Beiträge:
    85
    Zustimmungen:
    0
    MacUser seit:
    09.07.2004
    Hier der body-tag:

    <body bgcolor="#ffffff">
    <script language="JavaScript1.2">mmLoadMenus();</script>
    <table border="0" cellpadding="0" cellspacing="0" width="800">
    <tr>
    <td colspan="8"><img name="logo_oben" src="images/logo_oben.jpg" width="800" height="70" border="0" alt=""></td>
    </tr>
    <tr>
    <td rowspan="9"><img name="rahmen_links" src="images/rahmen_links.gif" width="25" height="479" border="0" alt=""></td>
    <td><a href="haupt.html" target="iframe1"><img name="home" src="images/home.jpg" width="125" height="30" border="0" alt=""></a></td>
    <td><a href="#" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0104202311_0,0,30,null,'pruefung');"><img name="pruefung" src="images/pruefung.jpg" width="125" height="30" border="0" alt=""></a></td>
    <td><a href="#" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0104202635_1,0,30,null,'informationen');"><img name="informationen" src="images/informationen.jpg" width="125" height="30" border="0" alt=""></a></td>
    <td><a href="#" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0104202937_2,0,30,null,'begriffe');"><img name="begriffe" src="images/begriffe.jpg" width="125" height="30" border="0" alt=""></a></td>
    <td><a href="kontakt.html" target="iframe1"><img name="kontakt" src="images/kontakt.jpg" width="125" height="30" border="0" alt=""></a></td>
    <td><a href="#" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0104203409_3,0,30,null,'privat');"><img name="privat" src="images/privat.jpg" width="125" height="30" border="0" alt=""></a></td>
    <td rowspan="9"><img name="rahmen_rechts" src="images/rahmen_rechts.gif" width="25" height="479" border="0" alt=""></td>
    </tr>
    <tr>
    <td><img name="bild1" src="images/bild1.jpg" width="125" height="140" border="0" alt=""></td>
    <td rowspan="8" colspan="4">
    <iframe class="iFrame_haupt" frameborder="0" name="iframe1" src="haupt.html" width="480" height="400" style="z-index:-1;"></iframe></td>
    <td><img name="kasten_gelb1" src="images/kasten_gelb1.jpg" width="125" height="140" border="0" alt=""></td>
    </tr>
    <tr>
    <td><img name="index_r4_c2" src="images/index_r4_c2.gif" width="125" height="1" border="0" alt=""></td>
    <td><img name="index_r4_c7" src="images/index_r4_c7.gif" width="125" height="1" border="0" alt=""></td>
    </tr>
    <tr>
    <td rowspan="6"><img name="rahmen_grau" src="images/rahmen_grau.jpg" width="125" height="308" border="0" alt=""></td>
    <td><img name="kasten_gelb2" src="images/kasten_gelb2.jpg" width="125" height="185" border="0" alt=""></td>
    </tr>
    <tr>
    <td><a href="#" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0104204238_4,-125,0,null,'buecher');"><img name="buecher" src="images/buecher.jpg" width="125" height="20" border="0" alt=""></a></td>
    </tr>
    <tr>
    <td><a href="#" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0104204347_5,-125,0,null,'programme');"><img name="programme" src="images/programme.jpg" width="125" height="20" border="0" alt=""></a></td>
    </tr>
    <tr>
    <td><a href="#" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0104205519_6,-125,0,null,'macintosh');"><img name="macintosh" src="images/macintosh.jpg" width="125" height="20" border="0" alt=""></a></td>
    </tr>
    <tr>
    <td><img name="impressum" src="images/impressum.jpg" width="125" height="20" border="0" alt=""></td>
    </tr>
    <tr>
    <td><img name="kasten_news" src="images/kasten_news.jpg" width="125" height="43" border="0" alt=""></td>
    </tr>
    <tr>
    <td colspan="8"><img name="rahmen_unten" src="images/rahmen_unten.jpg" width="800" height="51" border="0" alt=""></td>
    </tr>
    </table>
    </body>
     
  7. ypsiw

    ypsiw Thread Starter MacUser Mitglied

    Beiträge:
    85
    Zustimmungen:
    0
    MacUser seit:
    09.07.2004
    Hier das Popup-Menü:

    <script language="JavaScript">
    <!--
    function mmLoadMenus() {
    if (window.mm_menu_0104202311_0) return;
    window.mm_menu_0104202311_0_1 = new Menu("Lerninhalte",125,18,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#000000","#ffcc00","#ffffcc","left","middle",4,0,500,0,0,true,false,true,0,false,true);
    mm_menu_0104202311_0_1.addMenuItem("Gestaltung");
    mm_menu_0104202311_0_1.addMenuItem("Druck");
    mm_menu_0104202311_0_1.addMenuItem("Technologie");
    mm_menu_0104202311_0_1.addMenuItem("Konzeption");
    mm_menu_0104202311_0_1.hideOnMouseOut=true;
    mm_menu_0104202311_0_1.menuBorder=0;
    mm_menu_0104202311_0_1.menuLiteBgColor='#ffffff';
    mm_menu_0104202311_0_1.menuBorderBgColor='#555555';
    mm_menu_0104202311_0_1.bgColor='#555555';
    window.mm_menu_0104202311_0 = new Menu("root",125,18,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#000000","#ffcc00","#ffffcc","left","middle",4,0,500,0,0,true,false,true,0,false,true);
    mm_menu_0104202311_0.addMenuItem("Fachrichtungen","window.open('fachrichtung.html', 'iframe1');");
    mm_menu_0104202311_0.addMenuItem("Termine","window.open('termine.html', 'iframe1');");
    mm_menu_0104202311_0.addMenuItem("Voraussetzungen","window.open('voraussetzung.html', 'iframe1');");
    mm_menu_0104202311_0.addMenuItem(mm_menu_0104202311_0_1,"window.open('lernen.html', 'iframe1');");
    mm_menu_0104202311_0.hideOnMouseOut=true;
    mm_menu_0104202311_0.childMenuIcon="images/arrows.gif";
    mm_menu_0104202311_0.menuBorder=0;
    mm_menu_0104202311_0.menuLiteBgColor='#ffffff';
    mm_menu_0104202311_0.menuBorderBgColor='#555555';
    mm_menu_0104202311_0.bgColor='#555555';
    window.mm_menu_0104202635_1 = new Menu("root",125,18,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#000000","#ffcc00","#ffffcc","left","middle",4,0,500,-5,7,true,false,true,0,false,true);
    mm_menu_0104202635_1.addMenuItem("Existenzgr&uuml;ndung","window.open('existenz.html', 'iframe1');");
    mm_menu_0104202635_1.addMenuItem("Berufe","window.open('berufe.html', 'iframe1');");
    mm_menu_0104202635_1.addMenuItem("Firmen&nbsp;&amp;&nbsp;Jobs","window.open('firmen.html', 'iframe1');");
    mm_menu_0104202635_1.addMenuItem("Medien&nbsp;&amp;&nbsp;Werbung","window.open('medien.html', 'iframe1');");
    mm_menu_0104202635_1.addMenuItem("Nachrichten","window.open('nachrichten.html', 'iframe1');");
    mm_menu_0104202635_1.addMenuItem("Suchmaschinen","window.open('suchmaschine.html', 'iframe1');");
    mm_menu_0104202635_1.addMenuItem("Sonstiges","window.open('sonstiges.html', 'iframe1');");
    mm_menu_0104202635_1.hideOnMouseOut=true;
    mm_menu_0104202635_1.menuBorder=0;
    mm_menu_0104202635_1.menuLiteBgColor='#ffffff';
    mm_menu_0104202635_1.menuBorderBgColor='#555555';
    mm_menu_0104202635_1.bgColor='#555555';
    window.mm_menu_0104202937_2 = new Menu("root",125,18,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#000000","#ffcc00","#ffffcc","left","middle",4,0,500,-5,7,true,false,true,0,false,true);
    mm_menu_0104202937_2.addMenuItem("Begriffe&nbsp;von&nbsp;A-D","window.open('a_d.html', 'iframe1');");
    mm_menu_0104202937_2.addMenuItem("Begriffe&nbsp;von&nbsp;E-H","window.open('e_h.html', 'iframe1');");
    mm_menu_0104202937_2.addMenuItem("Begriffe&nbsp;von&nbsp;I-L","window.open('i_l.html', 'iframe1');");
    mm_menu_0104202937_2.addMenuItem("Begriffe&nbsp;von&nbsp;M-P","window.open('m_p.html', 'iframe1');");
    mm_menu_0104202937_2.addMenuItem("Begriffe&nbsp;von&nbsp;Q-T","window.open('q_t.html', 'iframe1');");
    mm_menu_0104202937_2.addMenuItem("Begriffe&nbsp;von&nbsp;U-W","window.open('u_w.html', 'iframe1');");
    mm_menu_0104202937_2.addMenuItem("Begriffe&nbsp;von&nbsp;X-Z","window.open('x_z.html', 'iframe');");
    mm_menu_0104202937_2.hideOnMouseOut=true;
    mm_menu_0104202937_2.menuBorder=0;
    mm_menu_0104202937_2.menuLiteBgColor='#ffffff';
    mm_menu_0104202937_2.menuBorderBgColor='#555555';
    mm_menu_0104202937_2.bgColor='#555555';
    window.mm_menu_0104203409_3 = new Menu("root",125,18,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#000000","#ffcc00","#ffffcc","left","middle",4,0,500,-5,7,true,false,true,0,false,true);
    mm_menu_0104203409_3.addMenuItem("Lebenslauf","window.open('lebenslauf.html', 'iframe1');");
    mm_menu_0104203409_3.addMenuItem("Referenzen&nbsp;Schule","window.open('ref_schule.html', 'iframe1');");
    mm_menu_0104203409_3.addMenuItem("Referenzen&nbsp;Firmen","window.open('ref_firmen.html', 'iframe1');");
    mm_menu_0104203409_3.addMenuItem("Referenzen&nbsp;Privat","window.open('ref_privat.html', 'iframe1');");
    mm_menu_0104203409_3.hideOnMouseOut=true;
    mm_menu_0104203409_3.menuBorder=0;
    mm_menu_0104203409_3.menuLiteBgColor='#ffffff';
    mm_menu_0104203409_3.menuBorderBgColor='#555555';
    mm_menu_0104203409_3.bgColor='#555555';
    window.mm_menu_0104204238_4 = new Menu("root",125,18,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#000000","#ffcc00","#ffffcc","left","middle",4,0,500,-5,7,true,false,true,0,false,true);
    mm_menu_0104204238_4.addMenuItem("Ausbildung","window.open('b_ausbildung.html', 'iframe1');");
    mm_menu_0104204238_4.addMenuItem("Existenzgr&uuml;ndung","window.open('b_existenz.html', 'iframe1');");
    mm_menu_0104204238_4.hideOnMouseOut=true;
    mm_menu_0104204238_4.menuBorder=0;
    mm_menu_0104204238_4.menuLiteBgColor='#ffffff';
    mm_menu_0104204238_4.menuBorderBgColor='#555555';
    mm_menu_0104204238_4.bgColor='#555555';
    window.mm_menu_0104204347_5 = new Menu("root",125,18,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#000000","#ffcc00","#ffffcc","left","middle",4,0,500,-5,7,true,false,true,0,false,true);
    mm_menu_0104204347_5.addMenuItem("Photoshop","window.open('photoshop.html', 'iframe1');");
    mm_menu_0104204347_5.addMenuItem("Freehand","window.open('freehand.html', 'iframe1');");
    mm_menu_0104204347_5.addMenuItem("QuarkXPress","window.open('qxp.html', 'iframe1');");
    mm_menu_0104204347_5.addMenuItem("Acrobat","location='acrobat.html'");
    mm_menu_0104204347_5.hideOnMouseOut=true;
    mm_menu_0104204347_5.menuBorder=0;
    mm_menu_0104204347_5.menuLiteBgColor='#ffffff';
    mm_menu_0104204347_5.menuBorderBgColor='#555555';
    mm_menu_0104204347_5.bgColor='#555555';
    window.mm_menu_0104205519_6 = new Menu("root",125,18,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#000000","#ffcc00","#ffffcc","left","middle",4,0,500,-5,7,true,false,true,0,false,true);
    mm_menu_0104205519_6.addMenuItem("Geschichte","window.open('geschichte.html', 'iframe1');");
    mm_menu_0104205519_6.addMenuItem("Downloads","window.open('downloads.html', 'iframe1');");
    mm_menu_0104205519_6.addMenuItem("Neuigkeiten","window.open('neuigkeiten.html', 'iframe1');");
    mm_menu_0104205519_6.addMenuItem("Tipps&nbsp;&amp;&nbsp;Tricks","location='tipps.html'");
    mm_menu_0104205519_6.hideOnMouseOut=true;
    mm_menu_0104205519_6.menuBorder=0;
    mm_menu_0104205519_6.menuLiteBgColor='#ffffff';
    mm_menu_0104205519_6.menuBorderBgColor='#555555';
    mm_menu_0104205519_6.bgColor='#555555';

    mm_menu_0104205519_6.writeMenus();
    } // mmLoadMenus()

    //-->
    </script>
    <script language="JavaScript1.2" src="mm_menu.js"></script>
    <link rel="stylesheet" type="text/css" href="css/layout.css">
    </head>
     
  8. Darkstar

    Darkstar MacUser Mitglied

    Beiträge:
    160
    Zustimmungen:
    0
    MacUser seit:
    17.07.2004
    Hi,

    den z-index auf -1 zu stellen, wird dir nicht helfen... es gehen nur possitive werte. Du musst in der Datei mm_menu.js den z-index im Javascript nach oben setzen. (z.b. 2 oder höher) - dann klappts auch mit dem iframe.

    Versuchs vielleicht einfach mal in der ganzen Datei für jeden z-index wert...

    Greetings
     
Die Seite wird geladen...
Ähnliche Themen - Anordnung Ebenen
  1. muraschal
    Antworten:
    9
    Aufrufe:
    881
  2. man0l0
    Antworten:
    6
    Aufrufe:
    1.377
  3. bano
    Antworten:
    8
    Aufrufe:
    685
  4. Hot Rod
    Antworten:
    1
    Aufrufe:
    543
  5. worshipper
    Antworten:
    4
    Aufrufe:
    583

Diese Seite empfehlen