HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Höhe und Breite wird im IE nicht dargestellt...

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Höhe und Breite wird im IE nicht dargestellt...

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
pbc-a



Anmeldungsdatum: 16.08.2006
Beiträge: 1

BeitragVerfasst am: 16.08.2006 00:11:29    Titel: Höhe und Breite wird im IE nicht dargestellt... Antworten mit Zitat

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&amp;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&amp;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
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
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.