Benutzerdefinierte Suche

Anordnung von Ebenen

  1. ypsiw

    ypsiw Thread StarterMacUser Mitglied

    Mitglied seit:
    09.07.2004
    Beiträge:
    85
    Zustimmungen:
    0
    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
     
    ypsiw, 13.01.2005
  2. ypsiw

    ypsiw Thread StarterMacUser Mitglied

    Mitglied seit:
    09.07.2004
    Beiträge:
    85
    Zustimmungen:
    0
    Hat keiner eine Idee? :(
     
    ypsiw, 14.01.2005
  3. macmaniac_at

    macmaniac_atMacUser Mitglied

    Mitglied seit:
    26.09.2004
    Beiträge:
    3.586
    Zustimmungen:
    103
    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...
     
    macmaniac_at, 14.01.2005
  4. moritz-t

    moritz-tMacUser Mitglied

    Mitglied seit:
    09.07.2003
    Beiträge:
    367
    Zustimmungen:
    1
    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
     
    moritz-t, 14.01.2005
  5. Darkstar

    DarkstarMacUser Mitglied

    Mitglied seit:
    17.07.2004
    Beiträge:
    160
    Zustimmungen:
    0
    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 :)
     
    Darkstar, 14.01.2005
  6. ypsiw

    ypsiw Thread StarterMacUser Mitglied

    Mitglied seit:
    09.07.2004
    Beiträge:
    85
    Zustimmungen:
    0
    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>
     
    ypsiw, 16.01.2005
  7. ypsiw

    ypsiw Thread StarterMacUser Mitglied

    Mitglied seit:
    09.07.2004
    Beiträge:
    85
    Zustimmungen:
    0
    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>
     
    ypsiw, 16.01.2005
  8. Darkstar

    DarkstarMacUser Mitglied

    Mitglied seit:
    17.07.2004
    Beiträge:
    160
    Zustimmungen:
    0
    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
     
    Darkstar, 16.01.2005
Die Seite wird geladen...
Ähnliche Themen - Anordnung Ebenen
  1. muraschal
    Antworten:
    9
    Aufrufe:
    896
    muraschal
    12.06.2012
  2. man0l0
    Antworten:
    6
    Aufrufe:
    1.450
  3. Rupp
    Antworten:
    1
    Aufrufe:
    1.753
  4. dirkjan
    Antworten:
    0
    Aufrufe:
    1.219
    dirkjan
    28.09.2009
  5. ozi
    Antworten:
    2
    Aufrufe:
    358