Ergebnis 1 bis 2 von 2

Thema: Tabellen größen werden von IE nicht richtig dargestellt

  1. #1
    pbc-a
    Gast

    Standard Tabellen größen werden von IE nicht richtig 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&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http&#58;//www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link href="http&#58;//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&#58;//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&#58;//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&#58;//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>Aktuell</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>Aktuelles</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&#123;
    	width&#58; 6px;
    	height&#58; 6px;
    	background&#58; url&#40;images/sub_nav_tb_1_1.gif&#41; no-repeat;
    &#125;
    TD.sub_nav_tb_1_2&#123;
    	width&#58; 211px;
    	height&#58; 4px;
    	background&#58; url&#40;images/sub_nav_tb_1_2.gif&#41;;
    &#125;
    TD.sub_nav_tb_1_3&#123;
    	width&#58; 6px;
    	height&#58; 6px;
    	background&#58; url&#40;images/sub_nav_tb_1_3.gif&#41; no-repeat;
    &#125;
    TD.sub_nav_tb_2_1&#123;
    	width&#58; 6px;
    	background&#58; url&#40;images/sub_nav_tb_2_1.gif&#41;;
    &#125;
    TD.sub_nav_tb_2_2&#123;
    	padding-left&#58; 5px;
    	padding-right&#58; 5px;
    	background-color&#58; #e1e1ff;
    	height&#58;*;
    	vertical-align&#58;top;
    	text-align&#58;left;
    	max-height&#58;800px;
    	min-height&#58;100px;
    	
    &#125;
    TD.sub_nav_tb_2_3&#123;
    	width&#58; 6px;
    	background&#58; url&#40;images/sub_nav_tb_2_3.gif&#41;;
    &#125;
    TD.sub_nav_tb_3_1&#123;
    	width&#58; 6px;
    	height&#58; 6px;
    	background&#58; url&#40;images/sub_nav_tb_3_1.gif&#41; no-repeat;
    &#125;
    TD.sub_nav_tb_3_2&#123;
    	width&#58; 211px;
    	height&#58; 4px;
    	background&#58; url&#40;images/sub_nav_tb_3_2.gif&#41;;
    &#125;
    TD.sub_nav_tb_3_3&#123;
    	width&#58; 6px;
    	height&#58; 6px;
    	background&#58; url&#40;images/sub_nav_tb_3_3.gif&#41; no-repeat;
    &#125;
    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!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Gast

    Standard

    cellpadding setzt width außer kraft!

Ähnliche Themen

  1. Längerer Text wird im IE nicht richtig dargestellt?!
    Von Coulan im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 10.06.2007, 00:31
  2. mein myspace wird mit dem IE nicht richtig dargestellt
    Von weißgradnix im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 27.05.2007, 15:52
  3. Homepage wird im iE nicht richtig dargestellt
    Von Thommes im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 02.03.2007, 00:35
  4. Bestimmte Bilder werden nicht dargestellt
    Von Tom83 im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 14.05.2004, 14:35
  5. HIIILLLLFFFEEEE!!! HP wird nicht richtig dargestellt!
    Von Toschi. im Forum HTML & CSS Forum
    Antworten: 15
    Letzter Beitrag: 29.02.2004, 17:37

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •