Anordnung von Ebenen

Y

ypsiw

Mitglied
Thread Starter
Dabei seit
09.07.2004
Beiträge
85
Reaktionspunkte
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
 
Zuletzt bearbeitet von einem Moderator:
Hat keiner eine Idee? :(
 
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...
 
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
 
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 :)
 
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>
 
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>
 
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
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben Unten