Hice varias webs y tengo algo de experiencia... Pero me encontre con un problema simple, pero no lo puedo resolver.
Tengo el siguiente codigo y lo que quiero es que la tabla llegue hasta abajo de todo de la pagina es decir: height=%100 pero no me lo toma en ningun navegador. Ni firefox, ni IE.
Código HTML:
<!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" />
<title>CSDescargas - Counter-Strike</title>
<style type="text/css">
<!--
/* Body */
body {background-color:#4C4C4C; margin:0px}
/* Site */
.site_banner {height:60px; background-color:#DC9449; background-image:url(images/site_banner.gif); background-repeat:no-repeat}
.site_bg-left {width:21px; background-color:#333333; background-image:url(images/site_bg-left.png); background-repeat:repeat-y}
.site_bg-right {width:21px; background-color:#333333; background-image:url(images/site_bg-right.png); background-repeat:repeat-y}
-->
</style>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
<td class="site_bg-left"> </td>
<td width="758" align="center" valign="top">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="site_banner"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</td>
<td class="site_bg-right"> </td>
<td> </td>
</tr>
</table>
</body>
</html> Si alguien me dice alguna mejor forma de hacerlo le agradeceria :)
Ya intente haciendo un fondo con repeat-y pero en IE se ve 1 px corrido hacia la derecha y me arruina el diseño.