Chatbox (zweckentfremdet) überlappt sich - aufklappendes Fenster

Hallo alle zusammen!

Also ich hab ja vor kurzen das Thema hier auf gemacht.
Das hat auch alles funktioniert.

Jetzt hätte ich noch eine Frage und zwar ich wollte auf diese Art und Weise 3 Ausklappmenüs machen und die direkt untereinander setzen.

Ich hab hier jetzt auch schon mal probiert, jedoch ist es so dass das Ausklappmenü 1 so zu sagen vom Ausklappmenü 2 überlappt wird.

Kann mir vielleicht bitte jemand weiter helfen wie ich das ändern kann?

Das wäre echt lieb.

Ich hab den Code jetzt auf diese Art und Weise dafür angepasst.

Code:




<TABLE style="Z-INDEX: 10000; POSITION: absolute;  BOTTOM: 0px; LEFT: 0px" height: 400px; >
<TBODY>
<TR>
<TD><IFRAME style="WIDTH: 700px; DISPLAY: none; HEIGHT: 200px" id=chatboxpop2 marginHeight=0 img src="http://www7.pic-upload.de/23.08.11/xnetbsr2rlf.png " frameBorder=0 marginWidth=0 scrolling=no></IFRAME></TD>
<TD style="VERTICAL-ALIGN: bottom"><IMG onclick="document.getElementById('chatboxpop2').style.display=(this.src=='http://www7.pic-upload.de/23.08.11/mj3dd6s2m46d.png')?'block':'none';this.src=(this.src=='http://www7.pic-upload.de/23.08.11/mj3dd6s2m46d.png')?'http://www7.pic-upload.de/23.08.11/32dy7o383p7h.png':'http://www7.pic-upload.de/23.08.11/mj3dd6s2m46d.png';" src="http://www7.pic-upload.de/23.08.11/mj3dd6s2m46d.png"></TD></TR></TBODY></TABLE>







<TABLE style="Z-INDEX: 10000; POSITION: absolute;  BOTTOM: 0px; LEFT: 0px" height: 800px; >
<TBODY>
<TR>
<TD><IFRAME style="WIDTH: 700px; DISPLAY: none; HEIGHT: 200px" id=chatboxpop3 marginHeight=0 img src="http://www7.pic-upload.de/23.08.11/xnetbsr2rlf.png " frameBorder=0 marginWidth=0 scrolling=no></IFRAME></TD>
<TD style="VERTICAL-ALIGN: bottom"><IMG onclick="document.getElementById('chatboxpop3').style.display=(this.src=='http://www7.pic-upload.de/23.08.11/mj3dd6s2m46d.png')?'block':'none';this.src=(this.src=='http://www7.pic-upload.de/23.08.11/mj3dd6s2m46d.png')?'http://www7.pic-upload.de/23.08.11/32dy7o383p7h.png':'http://www7.pic-upload.de/23.08.11/mj3dd6s2m46d.png';" src="http://www7.pic-upload.de/23.08.11/mj3dd6s2m46d.png"></TD></TR></TBODY></TABLE>

Gibt es vielleicht etwas bestimmtes, dass ich hier beachten muss?



Ich bedanke mich schon im Vorfeld und wünsche euch noch einen schönen Abend.

Liebe Grüße
Leonides

wenn du beide Male die gleiche Position eingibst, dann ist es doch logisch, wenn beide Elemente auf einer Stelle stehen und sich überlappen:

<TABLE style="Z-INDEX: 10000; POSITION: absolute; BOTTOM: 0px; LEFT: 0px" height: 400px; >

du musst natürlich dort dann unterschiedliche Werte eingeben, damit die Elemente nicht an der gleichen Stelle stehen.

Hallo Zuckerpuppe, danke noch mal für deine Antwort.

Ich hatte hier wohl einen Denkfehler, den ich dachte wenn ich die Höhe ändere, dass sich dadurch die Position auch ändert und das es sich somit nicht überlappt.

Aber danke für deine Hilfestellung, es hat super geklappt.

Ich wünsche dir noch einen schönen Tag.

Liebe Grüße
Leonides

Super, sieht jetzt auch echt gut aus

dann mach ich hier mal zu...

-closed-