El tamaña de <table> cambia como por arte de magia.

Iniciado por hackmastter, 20 Febrero 2014, 03:00 AM

0 Miembros y 1 Visitante están viendo este tema.

hackmastter

Hola todos...
Bueno, lo que pasa es que soy novato y estoy tratando de diseñar una Web, pero tengo un problema, es que utilizo <table><tr><th style="width: 1.000px"></th></tr></table> y se supone que 1000px me ocupa toda la pantalla (casi por completo) pero después de unos días y después de tanto abrir y cerrar el .html, como por arte de magia veo que 1000px ya no me ocupa toda la pantalla sino que me ocupa mucho menos que antes (ahora no me ocupa casi toda la pantalla sino unos cuantos centímetros menos) y lo que hago es que lo paso a 1.100px, 100px más que antes (para que llene casi toda la pantalla) pero tiempo después, después de tanto abrir y cerrar el .html, pasa lo mismo pero al revés, esta vez 1.100px me ocupan más del tamño de la pantalla por lo que tengo que volver a 1.000px de nuevo.
Esta "burla" me la tiene montada Google Chrome. Con otros navegadores (Mozilla, Internet Explorer) el diseño se ve exacamente igual, pero no se si también cambia "como por arte me magia" por que nos los uso para diseñar (pero se supone que el diseño debe de funcionar con todos los navegadores, no?)...

En resumen!!! El tamaña de <table> cambia como por arte de magia.  :huh:
Ah:!!! Y por cierto, no es el Zoom  :¬¬ Jeje

En fin, soy novato así que no se que es lo que pueda estar pasando...
Aquí les dejo un código que se parece a lo que estoy haciendo <!DOCTYPE HTML>
<html>
<head>
 <title></title>
</head>
<body>


<table border="1" style="width: 700px;">
 <tr>
   <th colspan="8">
     Imagen
   </th>
 </tr>
 <tr>
   <th colspan="8">
     Título
   </th>
 </tr>
 <tr>
   <th colspan="8">
     Menú
   </th>
 </tr>
 <tr>
   <th colspan="8">
     <table border="">
       <tr>
         <th style="width: 80px">
           Opción1
         </th>
         <th style="width: 80px">
           Opción2
         </th>
         <th style="width: 80px">
           Opción3
         </th>
         <th style="width: 80px">
           Opción4
         </th>
         <th style="width: 80px">
           Opción5
         </th>
         <th style="width: 80px">
           Opción6
         </th>
         <th style="width: 80px">
           Opción7
         </th>
         <th style="width: 80px">
           Opción8
         </th>
       </tr>
     </table>
   </th>
 </tr>
 <tr>
   <th style="height: 300px">
     <table border="1" style="height: 300px; width: 100px">
       <tr>
         <th>
           Imagen
         </th>
       </tr>
       <tr>
         <th>
           Imagen
         </th>
       </tr>
       <tr>
         <th>
           Imagen
         </th>
       </tr>
     </table>
   </th>
   <th style="width: 500px;">
     Desarrollo
   </th>
   <th style="height: 300px;">
     <table border="1" style="height: 300px; width: 100px">
       <tr>
         <th>
           Imagen
         </th>
       </tr>
       <tr>
         <th>
           Imagen
         </th>
       </tr>
       <tr>
         <th>
           Imagen
         </th>
       </tr>
     </table>
   </th>
 </tr>
 <tr>
   <th colspan="8">
     Copyright
   </th>
 </tr>
</table>
</body>
</html>


Solo utilizo HTML y CSS solo para darle color a los link, nada de javascript, JQuery, XML, PHP ni nada de nada...

#!drvy

Asegúrate de que ninguna de las propiedades CSS afecta a la tabla o elemento en cuestión. Ademas, si quieres que ocupe toda la pantalla usa porcentajes, no uses pixeles fijos porque no todos tienen pantalla de 1000px (vease telefonos/tablets).

Saludos