elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Buscar Ingresar Registrarse
14 Febrero 2012, 07:20  

+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  Redimensionar segun resolucion
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Redimensionar segun resolucion  (Leído 2,580 veces)
cixert

Desconectado Desconectado

Mensajes: 19


Ver Perfil
Redimensionar segun resolucion
« en: 18 Marzo 2010, 19:15 »

Tengo una web con dos tablas, la primera tiene 1 fila y 3 columnas y la segunda 2 filas y 3 columnas.
Quiero que se vea en el monitor en pantalla completa, sin barras de desplazamiento y con resolucion de  800x600 para arriba.
El encaje lateral lo consigo sin problemas, a la celda de la izquierda y de la derecha les pongo 20% y a la central 60%, luego a la tabla 100% y perfecto, sin problemas.
Pero hacia abajo no siempre lo consigo. Con una sola tabla lo tengo conseguido y solo a veces, empiezo a redimensionar las celdas y todo se va al garete, no consigo que me encajen en la pantalla.
¿cuando se habla de % se habla del espacio que ocupa esa parte en la pantalla?
¿como se interrelacionan los % de las celdas con los de las tablas?
Es decir si a una tabla le pongo 100% y luego a la tabla 80% ¿que pasa?
En definitiva lo que quiero es que las tres celdas superiores y las 3 inferiores sean fijas arriba y abajo, mientras que las tres centrales se redimensionen segun la resolucion de la pantalla.

Gracias por respuestas que ya no se como salir de ésta.


En línea
jdc


Desconectado Desconectado

Mensajes: 3.228


janito dos cuatro...


Ver Perfil WWW
Re: Redimensionar segun resolucion
« Respuesta #1 en: 18 Marzo 2010, 19:22 »

Usa divs y con css define weight en 100%


En línea

WHK
吴阿卡
Moderador Global
***
Desconectado Desconectado

Mensajes: 3.944


The Hacktivism is not a crime


Ver Perfil WWW
Re: Redimensionar segun resolucion
« Respuesta #2 en: 18 Marzo 2010, 20:01 »

hola, la dimensión vertical no se puede establecer en una tabla desde css, para eso tendrías que darle el diseño a divisiones y que las divisiones tengan el alto definido.

Si a las tres columnas les das 80% de ancho el explorador las ajustará en su proximidad.

Cuando alguien use un monitor widscreen las columnas laterales se van a hacer mucho mas anchas de las que son en un monitor standard ya que estás trabajando con %.
El explorador como ajusta automáticamente las tablas puedes asignarle 100% al tag table y luego 200px; aprox o lo que necesites a cada columna del costado y al centro no le pones nada, de esta forma el ancho del centro solamente es el que se ajustará al monitor y no los costados ya que cada uno se ajustará hacia la derecha e isquierda.

Por ejemplo:
Código
<table style="width: 100%;" border="1" cellpadding="2" cellspacing="2">
<tbody>
 <tr>
  <td style="vertical-align: top; width: 200px;">Costado 1</td>
  <td style="vertical-align: top;              ">Centro</td>
  <td style="vertical-align: top; width: 200px;">Costado 2</td>
 </tr>
</tbody>
</table>
En línea


cixert

Desconectado Desconectado

Mensajes: 19


Ver Perfil
Re: Redimensionar segun resolucion
« Respuesta #3 en: 18 Marzo 2010, 22:37 »

Gracias por tu detallada respuesta WHK.

Creo que acabo de encontrar el problema y la verdad es que me parece muy sorprendente.
Resulta en el encabezado tenia puesto esto:
<!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" xml:lang="en" lang="en">

Y era lo que hacia que mi pagina web tomara la posicion vertical que le venia en gana sin seguir ningun tipo de criterio a mi entender.

Pensaba que el DOCTYPE solo era una referencia sin valor......
......en fin ¿y si lo dejo sin DOCTYPE que sucede?
¿Y si no cual le pongo?
En línea
Nakp
casi es
Ex-Staff
*
Desconectado Desconectado

Mensajes: 6.335

he vuelto :)


Ver Perfil WWW
Re: Redimensionar segun resolucion
« Respuesta #4 en: 18 Marzo 2010, 22:45 »

que estas escribiendo? html o xhtml? estas usando tags html no disponibles en xhtml? valores? para mi que estas escribiendo html asi que pon el de html 4.01 strict :P
En línea

Ojo por ojo, y el mundo acabará ciego.
cixert

Desconectado Desconectado

Mensajes: 19


Ver Perfil
Re: Redimensionar segun resolucion
« Respuesta #5 en: 18 Marzo 2010, 22:56 »

HTML, lo que pasa es que el "index" lo coji de un programa que me hizo una presentacion de fotos (slideshow) y luego adapte el contorno a mi gusto. Haciendo asi el resto de paginas basandome en esta.
Bastantes problemas me ha dado como un
<!-- saved from url=(0013)about:internet -->
que no me dejaba abrir links a menos tuviera la pagina nueva este mismo codigo o estuvieran estos ya en el servidor.
 A partir de ahora nada de hacer webs basandome en otras.

De todas formas me gustaria saber que pasa si no pongo DOCTYPE.
La verdad es que no se nada de Xhtml y todo lo que se exceda de html clasico, pero me parece impresionante que cambie la pagina por una simple redimension de tablas y celdas en uno u otro lenguaje.
¿y si la pagina tiene tambien flash que le pongo?


« Última modificación: 19 Marzo 2010, 00:31 por cixert » En línea
Nakp
casi es
Ex-Staff
*
Desconectado Desconectado

Mensajes: 6.335

he vuelto :)


Ver Perfil WWW
Re: Redimensionar segun resolucion
« Respuesta #6 en: 19 Marzo 2010, 02:11 »

el doctype define en cierto forma... el comportamiento y aspecto del documento, por ejemplo, un <iframe> no sera mostrado en un xhtml 1.1 strict pero si en un 1.0 transitional o un html 4.01 strict, es importante que lo coloques porque le dices al navegador como "renderizar" tu web :P
En línea

Ojo por ojo, y el mundo acabará ciego.
cixert

Desconectado Desconectado

Mensajes: 19


Ver Perfil
Re: Redimensionar segun resolucion
« Respuesta #7 en: 19 Marzo 2010, 02:18 »

Acabo de poner:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Y volvemos a las mismas, se me junta la pagina arriba del todo y se olvida de los espacios (esto poniendo 100%)
Quito el Doctype y se expande perfectamente.
Todo esto ocurre en mi ordenador (no esta la pagina subida a un servidor)

He probado con:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

Y parece que funciona perfectamente.
¿en que me limita y hasta que version de I.Explorer se utilizaba?

« Última modificación: 19 Marzo 2010, 02:28 por cixert » En línea
Nakp
casi es
Ex-Staff
*
Desconectado Desconectado

Mensajes: 6.335

he vuelto :)


Ver Perfil WWW
Re: Redimensionar segun resolucion
« Respuesta #8 en: 19 Marzo 2010, 06:58 »

si no se comporta como quieres es porque no lo codeas como debes, si con un doctype obsoleto se mira bien (y de remate en ie) es que tu codigo no cumple con estandares actuales y por lo tanto dudo que se vea bien o parecido en todos los navegadores
En línea

Ojo por ojo, y el mundo acabará ciego.
cixert

Desconectado Desconectado

Mensajes: 19


Ver Perfil
Re: Redimensionar segun resolucion
« Respuesta #9 en: 22 Marzo 2010, 22:49 »

Web casi terminada.
Funciona perfectamente en IE6, 7, Firefox y Chrome sin ningun doctype.
W2000, XP y Vista a cualquier resolucion.
Por lo que solo puedo llegar a la conclusion que el W3 y el doctype se ha inventado para marear la perdiz.

Gracias a todos los que respondieron.
En línea
Syphroot

Desconectado Desconectado

Mensajes: 268


All You Need To Do Is Follow The Worms


Ver Perfil WWW
Re: Redimensionar segun resolucion
« Respuesta #10 en: 23 Marzo 2010, 00:03 »

Esto lo solucionarán con HTML 5 ;)

Nakp ahora anda muy metido con los doctypes (leiste la biblia de los doctypes o algo así  ;D), pero si tiene razón en ello.
En línea

Nakp
casi es
Ex-Staff
*
Desconectado Desconectado

Mensajes: 6.335

he vuelto :)


Ver Perfil WWW
Re: Redimensionar segun resolucion
« Respuesta #11 en: 23 Marzo 2010, 02:40 »

lol, es que hace un par de dias tuve un problema con un doctype por no leer la doc sobre la definicion de cada standard jeje y despues probe cambiarle el doctype a algunas web para descuadrarlas (firebug o la consola de IE)
En línea

Ojo por ojo, y el mundo acabará ciego.
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  
Powered by SMF 1.1.16 | SMF © 2006-2008, Simple Machines