Estirar el ancho de una tabla para que se ajuste al navegador web

He buscado en Internet durante mucho tiempo tratando de resolver mi problema. Tengo una tabla con todo mi sitio y me gustaría que se estire para adaptarse al tamaño del navegador web del usuario. Aquí está todo el código del sitio:

<body>

<table width="100%" border="0">
  <tr>
    <td width="525" rowspan="2"><img src="My Images/Speaker.png" width="525" height="772"               
ondragstart="return false" />
    </td>

    <td width="697" height="16">
    *Flash Video Here*
    </td>
   </tr>
  <tr>
    <td><img src="My Images/Vymil.jpg" width="822" height="597" ondragstart="return false"/></td>
  </tr>
</table>

</body>
</html>

Cualquier solución útil será muy apreciada.

preguntado el 09 de enero de 11 a las 04:01

3 Respuestas

Dar ancho en porcentaje en <table> y <TD> etiqueta. Esto lo configurará según el tamaño de la ventana del navegador. Dar el 100% en <table> y porcentajes apropiados para cada <TD>

Respondido el 09 de enero de 11 a las 07:01

Gracias por todas las respuestas rápidas. Probé las 2 anteriores y todavía no tuve suerte. Harry Joy, sé que esta es una posible solución. Simplemente no quería tener que profundizar más en los porcentajes. Quería saber si había una solución más simple para hacer el las etiquetas cambian automáticamente de tamaño debido al cambio de tamaño de las tablas principales - Techn0guy

@ Tech0guy: No, no depende del padre si le das el tamaño sin porcentaje. Será igual para todos los tamaños de navegador. - Harry Joy

¡Me sorprende que ya haya tres respuestas para esta pregunta!
Bueno, en primer lugar, el tipo etiquetó la pregunta. dreamweaver, utilizando My Images en el objeto src y usando tablas! Esto significa que la verdadera ayuda que necesita es aprender los conceptos básicos de HTML y CSS.

Lo que sugiero es que intente buscar recursos para aprender los conceptos básicos y, si no pudo encontrar, ¡solicítelo aquí! ¿cómo suena eso? :-)

Y para ustedes (que respondieron) incluso cambiar los anchos td a porcentaje no solucionaría su problema ya que el imgs se estirarán a su ancho completo! por lo que sería ~ 2044px! que es más ancho que la mayoría de las resoluciones de pantalla.

Respondido el 09 de enero de 11 a las 08:01

Sí, tiene razón, pero según sé, también podemos establecer el ancho y la altura de la imagen. - Harry Joy

@Harry Joy - por supuesto, pero ¿es este el RAÍCES problema aquí crees? el chico necesita ayuda para hacer las cosas bien, no solo para darle la mejor de las peores soluciones que pueda usar - ifaour

Sé que no es su verdadero problema configurar la imagen, pero para su comprensión, no estaba respondiendo su pregunta en el comentario, solo le estaba respondiendo con respecto al ancho de la imagen. - Harry Joy

No estoy seguro de cómo esto califica como una respuesta SO adecuada. Responda la pregunta formulada o ciérrela. - Rob Grant

<style type="text/css">
*
{
    margin: 0px;
    padding: 0px;
}
html, body
{
    height: 100%;
}
</style>
<table style="width:100%;height:100%;">
<!-- content -->
</table>

Esto asegurará que su mesa se estire al tamaño de su navegador.

http://jsfiddle.net/L9wMU/

Respondido el 09 de enero de 11 a las 08:01

Agregué una página de prueba para que muestre cómo debería verse su código. - usuario1385191

@ user1385191 gracias por compartir un fragmento de código de propiedad, ¡que todos pueden relacionarse y comprender también! - 3kstc

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.