Tema: Tabla de html descuadrada
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 31/01/2013, 06:20
cmansillahorna3
 
Fecha de Ingreso: enero-2013
Mensajes: 2
Antigüedad: 12 años
Puntos: 0
Tabla de html descuadrada
Hola miren tengo esta página web
en html
Cita:
<!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 type="text/css" rel="stylesheet" href="css/layout4.css" />
<title>Documento sin t&iacute;tulo</title>

</head>

<body background="img/Fondo-negro-floresplata.jpg" >
<p><br />
<br />
</p>
<p>&nbsp;</p>
<center>

<table border="0" cellpadding="0" cellspacing="0" width="801">
<!-- fwtable fwsrc="INDEX.png" fwbase="INDEX.gif" fwstyle="Dreamweaver" fwdocid = "1058948897" fwnested="0" -->
<tr>
<td width="25"><img src="img/spacer.gif" width="25" height="1" border="0" alt="" /></td>
<td width="168"><img src="img/spacer.gif" width="168" height="1" border="0" alt="" /></td>
<td width="31"><img src="img/spacer.gif" width="31" height="1" border="0" alt="" /></td>
<td width="1"><img src="img/spacer.gif" width="1" height="1" border="0" alt="" /></td>
<td width="575"><img src="img/spacer.gif" width="575" height="1" border="0" alt="" /></td>
<td width="1"><img src="img/spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="3"><img src="img/INDEX_r1_c1.gif" alt="" name="INDEX_r1_c1" width="224" height="218" border="0" id="INDEX_r1_c1" /></td>
<td colspan="2" rowspan="11">
<div id="content">
<div id="sup1">
<div> <center>
<p>&nbsp;</p>
<p>CONT&Aacute;CTENOS</p>
</center>
</div>
</div>
<div id="sup2">
<span class="Estilo7">PARA:</span><br />
<form id="form1" name="form1" method="post" action="" >
<span class="Estilo8">ASUNTO:</span> <br />
<input type="text" name="textfield" />
<p class="Estilo8">MENSAJE: </p>
<input type="text" name="textfield2" width="500px" height="150px" />
</span>
</p>
</form>

</div>
</div>
</td>
<td><img src="img/spacer.gif" width="1" height="218" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="8"><img src="img/INDEX_r2_c1.gif" alt="" name="INDEX_r2_c1" width="25" height="346" border="0" id="INDEX_r2_c1" /></td>
<td><img src="img/INDEX_r2_c2.gif" alt="" name="INDEX_r2_c2" width="168" height="38" border="0" usemap="#m_INDEX_r2_c2" id="INDEX_r2_c2" /></td>
<td rowspan="8"><img src="img/INDEX_r2_c3.gif" alt="" name="INDEX_r2_c3" width="31" height="346" border="0" usemap="#m_INDEX_r2_c3" id="INDEX_r2_c3" /></td>
<td><img src="img/spacer.gif" width="1" height="38" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r3_c2.gif" alt="" name="INDEX_r3_c2" width="168" height="33" border="0" usemap="#m_INDEX_r3_c2" id="INDEX_r3_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="33" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r4_c2.gif" alt="" name="INDEX_r4_c2" width="168" height="39" border="0" usemap="#m_INDEX_r4_c2" id="INDEX_r4_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="39" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r5_c2.gif" alt="" name="INDEX_r5_c2" width="168" height="31" border="0" usemap="#m_INDEX_r5_c2" id="INDEX_r5_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="31" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r6_c2.gif" alt="" name="INDEX_r6_c2" width="168" height="40" border="0" usemap="#m_INDEX_r6_c2" id="INDEX_r6_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="40" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r7_c2.gif" alt="" name="INDEX_r7_c2" width="168" height="27" border="0" usemap="#m_INDEX_r7_c2" id="INDEX_r7_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="27" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r8_c2.gif" alt="" name="INDEX_r8_c2" width="168" height="40" border="0" usemap="#m_INDEX_r8_c2" id="INDEX_r8_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="40" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r9_c2.gif" alt="" name="INDEX_r9_c2" width="168" height="98" border="0" usemap="#m_INDEX_r9_c2" id="INDEX_r9_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="98" border="0" alt="" /></td>
</tr>
<tr>
<td height="36" colspan="3"><img src="img/INDEX_r10_c1.gif" alt="" name="INDEX_r10_c1" width="224" height="36" border="0" id="INDEX_r10_c1" /></td>
<td><img src="img/spacer.gif" width="1" height="36" border="0" alt="" /></td>
</tr>
<map name="m_INDEX_r2_c2" id="m_INDEX_r2_c2">
<area shape="rect" coords="0,0,169,39" href="index.html" target="_top" alt="" />
</map>
<map name="m_INDEX_r2_c3" id="m_INDEX_r2_c3">
<area shape="rect" coords="-168,209,1,250" href="javascript:;" alt="" />
<area shape="rect" coords="-168,142,1,183" href="javascript:;" alt="" />
<area shape="rect" coords="-168,72,1,111" href="javascript:;" alt="" />
<area shape="rect" coords="-168,0,1,39" href="javascript:;" alt="" />
</map>
<map name="m_INDEX_r3_c2" id="m_INDEX_r3_c2">
<area shape="rect" coords="0,-38,169,1" href="javascript:;" alt="" />
</map>
<map name="m_INDEX_r4_c2" id="m_INDEX_r4_c2">
<area shape="rect" coords="0,1,169,40" href="nosotros.html" target="_top" alt="" />
</map>
<map name="m_INDEX_r5_c2" id="m_INDEX_r5_c2">
<area shape="rect" coords="0,-38,169,1" href="javascript:;" alt="" />
</map>
<map name="m_INDEX_r6_c2" id="m_INDEX_r6_c2">
<area shape="rect" coords="0,1,169,42" href="productos.html" target="_top" alt="" />
</map>
<map name="m_INDEX_r7_c2" id="m_INDEX_r7_c2">
<area shape="rect" coords="0,-39,169,2" href="javascript:;" alt="" />
</map>
<map name="m_INDEX_r8_c2" id="m_INDEX_r8_c2">
<area shape="rect" coords="0,1,169,42" href="contactenos.html" target="_top" alt="" />
</map>
<map name="m_INDEX_r9_c2" id="m_INDEX_r9_c2">
<area shape="rect" coords="0,-39,169,2" href="javascript:;" alt="" />
</map>
</table>
</center>
</body>
</html>

y este es el css

Cita:
br {
height:5px;
}

#content{
height:800px;
width:575px;
background-color:#FFFF99;
position:fixed;
}

#content #sup1{
height:100px;
width:575px;
background-color:#CA3A36;
}


#content #sup2{
padding:20px 20px 20px 20px;
width:575px;

}

El problema que encuentro es que yo quiero que salga la tabla al ras pero si se dan cuenta, baja un poco de la distancia original en la parte derecha. No sé a qué se deba esto. Por favor ayúdenme. Tenía el mismo problema con la parte izquierda de mi tabla pero le puse rowspan="11" y se alineó. Ahora no sé qué hacer para que la parte derecha esté al ras.