Hallo,
ich habe ein Problem mit einer Designvorlage, die ich unten mitgeschickt habe.
Links bei ###NAVI### kommt das Menü hin, das aus zwei Menüebenen bestehen. Die zweite Menüebene wird aber erst angezeigt, wenn auf den dazu passenden Menüpunkt der 1. Ebene geklickt wurde. Dann wird das Menü ja größer und verschiebt somit das Design. Die Tabellenzellen rechts daneben werden somit auch vergrößert und das Design ist dahin.
Habe das auch schon mit einer eigenen Tabelle für die linke Spalte versucht, aber da ist dann das Ende der Spalten und an der Seite insgesamt nicht auf der gleichen Höhe. Sieht also auch sch... aus.
Was da einer Abhilfe?
<html>
<head>
<link href="website.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#F3F3F3" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ###DOKUMENT### begin -->
<table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" width="250" bgcolor="#FFFFFF"><img src="fileadmin/images/0.gif" alt="" border="0"></td>
<td width="500" bgcolor="#E3E3E3"><img src="fileadmin/images/0.gif" height="20" alt="" border="0"></td>
<td align="center" width="250" bgcolor="#E3E3E3" class="top">###TOP###</td>
</tr>
<tr>
<td align="center" valign="bottom" width="250" bgcolor="#FFFFFF">###LOGO###</td>
<td width="500" bgcolor="#E3E3E3" class="topic"><img src="fileadmin/images/0.gif" height="60" width="20" alt="" border="0">Slogan</td>
<td width="250" bgcolor="#E3E3E3"></td>
</tr>
<tr>
<td align="center" width="250" bgcolor="#FFFFFF"><img src="fileadmin/images/0.gif" height="20" alt="" border="0"></td>
<td width="500" bgcolor="#E3E3E3"></td>
<td width="250" bgcolor="#E3E3E3"></td>
</tr>
<tr valign="top">
<td width="250" bgcolor="#E3E3E3" class="navi">###NAVI###</td>
<td width="500" bgcolor="#A4A4A4">###TRAILER###</td>
<td width="250" bgcolor="#A4A4A4" class="news">
<table width="250" height="176" border="0" cellspacing="0" cellpadding="0">
<tr valign="top" height="10">
<td width="10"> </td>
<td width="230"><img src="fileadmin/images/0.gif" height="10"></td>
<td width="10"> </td>
</tr>
<tr height="25">
<td width="10"> </td>
<td width="230"><img src="fileadmin/images/aktuelles.jpg" width="187" height="25"></td>
<td width="10"> </td>
</tr>
<tr height="111">
<td width="10"> </td>
<td width="230" class="news">###NEWS###</td>
<td width="10"> </td>
</tr>
<tr height="10">
<td width="10"> </td>
<td width="230"><img src="fileadmin/images/0.gif" height="10"></td>
<td width="10"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="250" bgcolor="#D1D1D1"><img src="fileadmin/images/0.gif" height="10"></td>
<td width="500" bgcolor="#E3E3E3"><img src="fileadmin/images/0.gif" height="10"></td>
<td width="250" bgcolor="#D1D1D1"><img src="fileadmin/images/0.gif" height="10"></td>
</tr>
<tr valign="top">
<td width="250" bgcolor="#D1D1D1" class="rand">
<table width="250" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25"> </td>
<td width="200" class="rand">###LINKS###</td>
<td width="25"> </td>
</tr>
</table>
</td>
<td width="500" bgcolor="#E3E3E3" class="text">
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="10"> </td>
<td width="480" class="text">###INHALT###</td>
<td width="10"> </td>
</tr>
</table>
</td>
<td width="250" bgcolor="#D1D1D1" class="rand">
<table width="250" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25"> </td>
<td width="200" class="rand">###RECHTS###</td>
<td width="25"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="250" bgcolor="#D1D1D1" class="rand"><img src="fileadmin/images/0.gif" height="20"></td>
<td width="500" bgcolor="#E3E3E3" class="text"><img src="fileadmin/images/0.gif" height="10"></td>
<td width="250" bgcolor="#D1D1D1" class="rand"><img src="fileadmin/images/0.gif" height="10"></td>
</tr>
</table>
<!-- ###DOKUMENT### end -->
</body>
</html>