Hallo,
also ich hab folgende Seite gebaut
HTML
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="http://127.0.0.1/hmc/cms/templates/hmc/stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="844">
<tr>
<td colspan="4" align="left" valign="top">
[img]http://127.0.0.1/hmc/cms/templates/hmc/images/header_left.gif[/img]</td>
<td colspan="4" rowspan="2" align="left" valign="top">
[img]http://127.0.0.1/hmc/cms/templates/hmc/images/header_right.jpg[/img]</td>
</tr>
<tr>
<td colspan="4" align="left" valign="top"><form action="index.php" method="post"><table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="search_tb_1_1"></td>
<td class="search_tb_1_2"></td>
<td class="search_tb_1_3"></td>
<td class="search_button" rowspan="3"><input type="image" src="http://127.0.0.1/hmc/shop/templates/hmc/buttons/german/button_quick_find.gif" alt="Suchen" title=" Suchen " /></td>
</tr>
<tr>
<td class="search_tb_2_1"></td>
<td class="search_tb_2_2"><input type="text" name="searchword" class="search"><input type="hidden" name="option" value="search" /></td>
<td class="search_tb_2_3"></td>
</tr>
<tr>
<td class="search_tb_3_1"></td>
<td class="search_tb_3_2"></td>
<td class="search_tb_3_3"></td>
</tr>
</table></form></td>
</tr>
<tr>
<td colspan="4" rowspan="2" align="left" valign="top" class="button">
<table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr align="left"><td>[url='http://127.0.0.1/hmc/cms/index.php?option=com_jd-wp&Itemid=6']Aktuell[/url]</td></tr>
</table> </td>
</tr>
</table>
</td>
<td align="left" valign="top" class="main_content_tb_1_1"></td>
<td colspan="2" align="left" valign="top" class="main_content_tb_1_2"></td>
<td align="left" valign="top" class="main_content_tb_1_3"></td>
</tr>
<tr>
<td rowspan="3" align="left" valign="top" class="main_content_tb_2_1"></td>
<td colspan="2" rowspan="3" align="left" valign="top" class="main_content_tb_2_2">So hier steht der inhalt
</td>
<td rowspan="3" align="left" valign="top" class="main_content_tb_2_3"></td>
</tr>
<tr>
<td align="left" valign="top" class="sub_nav_tb_1_1"></td>
<td colspan="2" align="left" valign="top" class="sub_nav_tb_1_2"></td>
<td align="left" valign="top" class="sub_nav_tb_1_3"></td>
</tr>
<tr>
<td align="left" valign="top" class="sub_nav_tb_2_1"></td>
<td colspan="2" class="sub_nav_tb_2_2" valign="top"> <table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr align="left"><td>[url='http://127.0.0.1/hmc/cms/index.php?option=com_jd-wp&Itemid=5']Aktuelles[/url]</td></tr>
</table> </td>
</tr>
</table>
</td>
<td align="left" valign="top" class="sub_nav_tb_2_3"></td>
</tr>
<tr>
<td align="left" valign="top" class="sub_nav_tb_3_1"></td>
<td colspan="2" align="left" valign="top" class="sub_nav_tb_3_2"></td>
<td align="left" valign="top" class="sub_nav_tb_3_3"></td>
<td align="left" valign="top" class="main_content_tb_3_1"></td>
<td align="left" valign="top" colspan="2" class="main_content_tb_3_2"></td>
<td align="left" valign="top" class="main_content_tb_3_3"></td>
</tr>
<tr>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td></td>
</tr>
</table>
<map name="Map">
<area shape="rect" coords="364,219,445,249" href="#">
<area shape="rect" coords="445,219,546,252" href="#">
<area shape="rect" coords="546,219,619,260" href="#">
</map>
</body>
</html>
Das Problem hierbei ist nur, dass der IE die größen der Breite und Höhe der einzelnen Tabellen nicht akzeptiert bzw. nicht darstellt....
Die einzelnen tabellen habe ich im css wie folgt definiert
Code
TD.sub_nav_tb_1_1{
width: 6px;
height: 6px;
background: url(images/sub_nav_tb_1_1.gif) no-repeat;
}
TD.sub_nav_tb_1_2{
width: 211px;
height: 4px;
background: url(images/sub_nav_tb_1_2.gif);
}
TD.sub_nav_tb_1_3{
width: 6px;
height: 6px;
background: url(images/sub_nav_tb_1_3.gif) no-repeat;
}
TD.sub_nav_tb_2_1{
width: 6px;
background: url(images/sub_nav_tb_2_1.gif);
}
TD.sub_nav_tb_2_2{
padding-left: 5px;
padding-right: 5px;
background-color: #e1e1ff;
height:*;
vertical-align:top;
text-align:left;
max-height:800px;
min-height:100px;
}
TD.sub_nav_tb_2_3{
width: 6px;
background: url(images/sub_nav_tb_2_3.gif);
}
TD.sub_nav_tb_3_1{
width: 6px;
height: 6px;
background: url(images/sub_nav_tb_3_1.gif) no-repeat;
}
TD.sub_nav_tb_3_2{
width: 211px;
height: 4px;
background: url(images/sub_nav_tb_3_2.gif);
}
TD.sub_nav_tb_3_3{
width: 6px;
height: 6px;
background: url(images/sub_nav_tb_3_3.gif) no-repeat;
}
die anderen sind ähnlich nur mit anderen werten. Was mach ich falsch? Im Opera wird alles so dargestellt wie ich das haben möchte =) Im Netscape und Mozilla hab ich das Problem, dass bei einem Längeren inhalt in der main-content tabelle sich eine lücke zwischen der button und sub-nav tabelle bildet.
Weiß jemand woran es liegt - verzweifle schon seit stunden -.-
Danke!