Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/02/2007, 13:10
Avatar de GatorV
GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 17 años, 10 meses
Puntos: 2135
Problema con una Tabla (IE vs FF)

Que tal, me presento con una duda que me tiene mas que harto .

Estoy haciendo un layout con unas tablas, quiero que sea 100% valido, y ya lo logre, en Firefox se ve mas que perfecto, pero en InternetExplorer se ve demasiado mal, adjunto el codigo:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>Kern Liebers</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<style type="text/css">
		html, body {
			border: 0px;
			width: 100%;
			margin: 0px;
			height: 100%;
		}
		body {
			background-color: #ffffff;
			color: #000000;
			font-family: Arial, Helvetica, sans-serif;
		}
		#table_main {
			width: 100%;
			height: 100%;
		}
		#top_menu {
			padding: 0px;
			margin: 0px;
			display: inline;
		}
		#top_menu li {
			display: inline;
			list-style: none;
			padding: 0px;
			padding-right: 5px;
		}
		#top_menu a, #top_menu a:visited {
			color: white;
			text-decoration: none;
			font-size: 12px;
		}
		#top_menu a:hover {
			color: black;
		}
		.active {
			background: #99CC99;
		}
		#main_cell {
			background: #CCFFCC;
			padding: 10px;
		}
		#menu_lateral {
			list-style: none;
			padding: 0px;
		}
		#menu_lateral a, #menu_lateral a:visited {
			color: white;
			text-decoration: none;
			padding-left: 20px;
			font-size: 11px;
		}
		#menu_lateral a:hover {
			color: black;
		}
		.titulito {
			text-align: center;
			margin: 0px;
			font-size: 11px;
		}
		</style>
	</head>

<body>
<table id="table_main" cellspacing="0" cellpadding="0">
	<tbody>
		<tr>
			<td height="28" width="153" style="background: url('gris.jpg'); height: 28px;">&nbsp;</td>
			<td style="background: #999999">&nbsp;</td>
		</tr>
		<tr>
			<td height="19" style="background: url('gris2.jpg');">&nbsp;</td>
			<td valign="middle" style="background: #4F4F50;">
				<img src="aktiv.gif" alt="Bullet" width="9" height="9">
				<ul id="top_menu">
					<li><a href="http://www.reforma.com">Espa&ntilde;ol</a> </li>
					<li><a href="/htmen/index.htm" target="_self">English</a> </li>
					<li><a href="http://www.reforma.com">&nbsp;Imprimir</a></li>
					<li><a href="/htm/mapadelsitio.htm" target="_self">Mapa del Sitio</a></li>
					<li><a href="/htm/general.htm" target="_self">General</a></li>
					<li><a href="/htm/tradeterms.htm" target="_self">Trade Terms</a></li>
				</ul>
			</td>
		</tr>
		<tr>
			<td height="51" width="153" rowspan="2">
				<img src="logo_prometall.jpg" width="153" height="51" alt="Prometall"></td>
			<td height="3" style="background: #CACACC;"></td>
		</tr>
		<tr> 
			<td height="47" style="background: #4EA91D;">
				<img src="motivbild.jpg" width="587" height="47" alt="Piezas"></td>
		</tr>
		<tr>
			<td style="background-color: #999999;" valign="top">
				<p class="titulito">Grupo Kern-Liebers</p>
				<ul id="menu_lateral">
					<li class="active"><a href="http://www.reforma.com">Home</a></li>
					<li><a href="/htm/productos.htm" target="_self">Productos</a></li>
					<li><a href="/htm/compania.htm" target="_self">Compa&ntilde;&iacute;a</a></li>
					<li><a href="/htm/contacto.htm" target="_self">Contacto</a></li>
					<li><a href="http://www.kern-liebers.de/" target="_blank">KERN-LIEBERS</a></li>
				</ul>
			</td>
			<td id="main_cell" valign="top">
				<h1>AQUI VA TODO EL CONTENIDO</h1>
			</td>
		</tr>
	</tbody>
</table>
</body>
</html>
Y esto es lo que se ve en cada explorador:
Firefox:

Internet Explorer:


Espero algun mago en CSS me pueda ayudar
Gracias de antemano.