nicht angemeldet
Hallo,
ich habe eine Seite kreiert, mit Layouttabellen. Nun hab ich Ebenen eingebaut, die später ein- bzw. ausgeblendet werden.
Die ganze Seite ist zentriert, so das sie immer in der Mitte ist, also kann ich bei den Layer nicht absolute nehmen weil sich dies ja auf die obere linke Browserecke bezieht und die Layer dann immer nicht da sind wo sie sein sollen.
Also hab ich sie auf relative gestellt, aber dann zerscheißen Sie mir das ganze Layout warum ist das so hier mal der Quelltext: <div align="center"> <table width="900" border="0" cellpadding="0" cellspacing="0" class="bg_main"> <tr> <td width="900" height="344" valign="top"> <table width="900" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="56" colspan="2" valign="top"><img src="include/images/p_home01.jpg" width="900" height="56"></td> </tr> <tr> <td width="242" height="282" valign="top"> <table width="242" border="0" cellpadding="0" cellspacing="0" class="bg_buttons"> <tr> <td width="40" height="282" valign="top"><img src="include/images/spacer.gif" name="platzhalter" width="40" height="40" border="0"></td> <td width="180" valign="top"> <table width="180" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="180" height="20"><img src="include/images/spacer.gif" name="platzhalter" width="180" height="20" border="0"></td> </tr> <tr> <td height="18" align="right" valign="middle"><img src="include/images/spacer.gif" alt="Nordic Walking" width="160" height="18" border="0"></td> </tr> <tr> <td height="14"><img src="include/images/spacer.gif" name="platzhalter" width="180" height="14" border="0"></td> </tr> <tr> <td height="18" align="right" valign="middle"><img src="include/images/spacer.gif" alt="Bewegungsmedizin" width="180" height="18" border="0"></td> </tr> <tr> <td height="14"><img src="include/images/spacer.gif" name="platzhalter" width="180" height="14" border="0"></td> </tr> <tr> <td height="18" align="right" valign="middle"><img src="include/images/spacer.gif" alt="Ausbildung" width="125" height="18" border="0"></td> </tr> <tr> <td height="14"><img src="include/images/spacer.gif" name="platzhalter" width="180" height="14" border="0"></td> </tr> <tr> <td height="18" align="right" valign="middle"><img src="include/images/spacer.gif" alt="Forschung" width="120" height="18" border="0"></td> </tr> <tr> <td height="14"><img src="include/images/spacer.gif" name="platzhalter" width="180" height="14" border="0"></td> </tr> <tr> <td height="18" align="right" valign="middle"><img src="include/images/spacer.gif" alt="Projekte" width="105" height="18" border="0"></td> </tr> <tr> <td height="14"><img src="include/images/spacer.gif" name="platzhalter" width="180" height="14" border="0"></td> </tr> <tr> <td height="18" align="right" valign="middle"><img src="include/images/spacer.gif" alt="Kooperation" width="135" height="18" border="0"></td> </tr> <tr> <td height="14"><img src="include/images/spacer.gif" name="platzhalter" width="180" height="14" border="0"></td> </tr> <tr> <td height="18" align="right" valign="middle"><img src="include/images/spacer.gif" alt="Team" width="75" height="18" border="0"></td> </tr> <tr> <td height="14"><img src="include/images/spacer.gif" name="platzhalter" width="180" height="14" border="0"></td> </tr> <tr> <td height="18" align="right" valign="middle"><img src="include/images/spacer.gif" alt="News & Events" width="160" height="18" border="0"></td> </tr> <tr> <td height="20"><img src="include/images/spacer.gif" name="platzhalter" width="180" height="20" border="0"></td> </tr> </table> </td> <td width="22" valign="top"> <table width="22" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="22" height="13" valign="top"><img src="include/images/spacer.gif" width="22" height="13" border="0"></td> </tr> <tr> <td height="30" align="left" valign="top"><div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; background-color: #666666; layer-background-color: #666666; border: 1px none #000000;"></div></td> </tr> <tr> <td height="2" valign="top"><img src="include/images/spacer.gif" width="22" height="2"></td> </tr> <tr> <td height="30" align="left" valign="top"><div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:2"></div></td> </tr> <tr> <td height="2" valign="top"><img src="include/images/spacer.gif" width="22" height="2" border="0"></td> </tr> <tr> <td height="30" align="left" valign="top"><div id="Layer3" style="position:absolute; width:200px; height:115px; z-index:3"></div></td> </tr> <tr> <td height="2" valign="top"><img src="include/images/spacer.gif" width="22" height="2" border="0"></td> </tr> <tr> <td height="30" align="left" valign="top"><div id="Layer4" style="position:absolute; width:200px; height:115px; z-index:4"></div></td> </tr> <tr> <td height="2" valign="top"><img src="include/images/spacer.gif" width="22" height="2" border="0"></td> </tr> <tr> <td height="30" align="left" valign="top"><div id="Layer5" style="position:absolute; width:200px; height:115px; z-index:5"></div></td> </tr> <tr> <td height="2" valign="top"><img src="include/images/spacer.gif" width="22" height="2" border="0"></td> </tr> <tr> <td height="30" align="left" valign="top"><div id="Layer6" style="position:absolute; width:200px; height:115px; z-index:6"></div></td> </tr> <tr> <td height="2" valign="top"><img src="include/images/spacer.gif" width="22" height="2" border="0"></td> </tr> <tr> <td height="30" valign="top"><div id="Layer7" style="position:absolute; width:200px; height:115px; z-index:7"></div></td> </tr> <tr> <td height="2" valign="top"><img src="include/images/spacer.gif" width="22" height="2" border="0"></td> </tr> <tr> <td height="30" valign="top"><div id="Layer8" style="position: absolute; width:200px; height:115px; z-index:8; background-color: #0000FF; layer-background-color: #0000FF; border: 1px none #000000; left: 40;"></div></td> </tr> <tr> <td height="15" valign="top"><img src="include/images/spacer.gif" width="22" height="15" border="0"></td> </tr> </table> </td> </tr> </table> </td> <td width="658" valign="top"> <table width="658" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="623" height="282" align="left" valign="top"><img src="include/images/p_home02.jpg" width="623" height="282"></td> <td width="35" valign="top"><img src="include/images/spacer.gif" name="platzhalter" width="35" height="35" border="0"></td> </tr> </table> </td> </tr> <tr> <td height="6" colspan="2" valign="top"><img src="include/images/spacer.gif" name="platzhalter" width="6" height="6" border="0"></td> </tr> </table> </td> </tr> <tr> <td height="230" valign="top"> <table width="900" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="865" height="230" valign="top"> <table width="865" border="0" cellpadding="0" cellspacing="0" class="f_gruen_home"> <!--DWLayoutTable--> <tr> <td width="30" height="230" valign="top"><img src="include/images/spacer.gif" name="platzhalter" width="30" height="30" border="0"></td> <td width="105" valign="top"> <table width="105" border="0" cellpadding="0" cellspacing="0" class="fgh_links"> <tr> <td width="10" rowspan="2" valign="top"><img src="include/images/spacer.gif" name="platzhalter" width="10" height="10" border="0"></td> <td width="76" height="27" valign="top"><img src="include/images/spacer.gif" name="platzhalter" width="76" height="27" border="0"></td> <td width="19" rowspan="2" valign="top"><img src="include/images/spacer.gif" name="platzhalter" width="19" height="19" border="0"></td> </tr> <tr> <td height="203" align="center" valign="top">img</td> </tr> </table> </td> <td width="351" valign="top"> <table width="351" border="0" cellpadding="0" cellspacing="0" class="text_standard"> <!--DWLayoutTable--> <tr> <td width="351" height="50" align="left" valign="bottom"><img src="include/images/t_willkommen.gif" width="163" height="23"></td> </tr> <tr> <td height="20" valign="top"><img src="include/images/spacer.gif" name="platzhalter" width="20" height="20" border="0"></td> </tr> <tr> <td height="140" align="left" valign="top">Content</td> </tr> <tr> <td height="20" valign="top"><img src="include/images/spacer.gif" name="platzhalter" width="20" height="20" border="0"></td> </tr> </table></td> <td width="30" valign="top"><img src="include/images/spacer.gif" name="platzhalter" width="30" height="30" border="0"></td> <td width="105" valign="top"> <table width="105" border="0" cellpadding="0" cellspacing="0" class="fgh_rechts"> <!--DWLayoutTable--> <tr> <td width="10" rowspan="2" valign="top"><img src="include/images/spacer.gif" name="platzhalter" width="10" height="10" border="0"></td> <td width="76" height="27" valign="top"><img src="include/images/spacer.gif" name="platzhalter" width="76" height="27" border="0"></td> <td width="19" rowspan="2" valign="top"><img src="include/images/spacer.gif" name="platzhalter" width="19" height="19" border="0"></td> </tr> <tr> <td height="203" align="center" valign="top">img</td> </tr> </table></td> <td width="224" valign="top">
</div>
Ich bin für jede Idee dankbar !!!!!!
Gernot Back
Der Martin
Gunnar Bittersmann
MudGuard