|
Vorheriges Thema: Nächstes Thema: |
Autor |
Nachricht |
pbc-a
Anmeldungsdatum: 16.08.2006 Beiträge: 1
|
Verfasst am: 16.08.2006 00:11:29 Titel: Höhe und Breite wird im IE nicht dargestellt... |
|
|
Hallo,
also ich hab folgende Seite gebaut
Code: |
<?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 src="http://127.0.0.1/hmc/cms/templates/hmc/images/header_left.gif" width="223" height="220" alt=""></td>
<td colspan="4" rowspan="2" align="left" valign="top">
<img src="http://127.0.0.1/hmc/cms/templates/hmc/images/header_right.jpg" alt="" width="621" height="243" border="0" usemap="#Map"></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><a href="http://127.0.0.1/hmc/cms/index.php?option=com_jd-wp&Itemid=6" class="mainlevel" >Aktuell</a></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><a href="http://127.0.0.1/hmc/cms/index.php?option=com_jd-wp&Itemid=5" class="mainlevel-sub" id="active_menu-sub">Aktuelles</a></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 src="Bilder/Abstandhalter.gif" width="6" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="166" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="45" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="6" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="6" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="356" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="253" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="6" height="1" alt=""></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! |
|
Nach oben |
|
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst deine Beiträge in diesem Forum nicht bearbeiten. Du kannst deine Beiträge in diesem Forum nicht löschen. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
|
|