Comunidad de diseño web y desarrollo en internet online

Ajustar Tabla a todas las Resoluciones de Pantallas

Citar            
MensajeEscrito el 12 Dic 2013 12:59 pm
hola amigos. soy nuevo en este foro. espero me puedan ayudar.
Estoy creando una web, la estructura esta creada con div en porcentajes. esta todo perfecto la estructura se ve perfecto en todas las pantallas. en la parte del centro tengo un div con un iframe que es para cargar un formulario echo con una tabla .pero la tabla se desconfigura en otras pantallas(resolucion).
Ojalas me puedan ayudar. Saludos

Por daot

1 de clabLevel



 

chrome
Citar            
MensajeEscrito el 12 Dic 2013 02:13 pm
Probablemente el problema no sea la tabla sino el propio iframe. Los iframe deben tener dimensiones en pixels y no admiten porcentaje o cualquier otra medida.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 12 Dic 2013 02:37 pm
lo probe dandole pixeles al iframe y se descuadra todo en otras pantallas.

Por daot

1 de clabLevel



 

chrome
Citar            
MensajeEscrito el 12 Dic 2013 03:57 pm
Sin ver la página que estás haciendo es imposible decir qué está pasando.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 12 Dic 2013 04:25 pm
<!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=utf-8" />
<title>Documento sin título</title>
<link href="estilopueba2.css" rel="stylesheet" type="text/css" />
</head>
<body>

<table width="90%" align='center' >
<tr>
<td colspan='6' align='center' >INGRESO </td>
</tr>
<tr>
<td >&nbsp;&nbsp;&nbsp;Nº ORDEN COMPRA</td>
<td ><input type='text' name='txtordencompra' id='txtordencompra' size='11' class='Campo' /></td>
<td >Nº DOCUMENTO</td>
<td ><input type='text' name='txtnumerodocumento' id='txtnumerodocumento' size='11' class='Campo'/></td>
<td >TIPO DOCUMENTO</td>
<td ><input type='text' name='txtnumerodocumento' id='txtnumerodocumento' size='20' class='Campo'/></td>
</tr>
</table>


</body>
</html>




Solo Quiero que esta tabla se ajuste a cualquier pantalla (este archivo que contiene la tabla, se carga en el div contenido que tiene un ancho de 80% y dentro de este esta el iframe que tiene un ancho de 100%) Pero en otras pantallas mas chicas se ve la tabla mas grande.

*La estructura de la pagina esta perfecta se ve bien en todas las pantallas .pero el archivo que contiene la tabla que no se adapta a cualquier pantalla.

me pasaron este codigo para la tabla cellpadding=0 cellspacing=0 .con este codigo el tamaño de la tabla es casi identico pero el contenido de las celdas sigue grande aun le ponga estilos.
gracias por responder saludos.

Por daot

1 de clabLevel



 

chrome
Citar            
MensajeEscrito el 12 Dic 2013 06:44 pm
Lo que necesitamos es ver la página en sí, no su código.

Por DriverOp

Claber

2510 de clabLevel



 

opera

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.