Foros del Web » Creando para Internet » CSS »

Maquetación algo compleja

Estas en el tema de Maquetación algo compleja en el foro de CSS en Foros del Web. Hola, llevo todo el día intentandolo y no hay manera a ver si podian ayudarme. Tengo que maquetar una pagina con 3 elementos, cabecera, y ...
  #1 (permalink)  
Antiguo 18/03/2009, 11:30
 
Fecha de Ingreso: noviembre-2008
Mensajes: 28
Antigüedad: 9 años, 1 mes
Puntos: 0
Maquetación algo compleja

Hola, llevo todo el día intentandolo y no hay manera a ver si podian ayudarme.

Tengo que maquetar una pagina con 3 elementos, cabecera, y un cuerpo con dos columnas.

La cabecera tiene un tamaño concreto en px, ya que es un menu con botonera, pero el cuerpo debe ocupar el resto de la página. Cada columna tiene un overflow:auto para que les salgan scroll si se desvorda su contenido, la idea es quitarse la barra de scroll del navegador.

Maquetando con div lo consigo todo pero tengo el problema que el div del cuerpo a 100% y la cabecera a 100px pues se sale del alto ya que es más de 100%.

He maquetado tambien con table que si me permite tener un row con 100px y el otro a 100% y lo coje bien, el problema es que el contenido dentro del cuerpo si es más grande, parece como si el overflow no sirviese y la celda crece con su tamaño, que es lo que quiero evitar.

Se que con javascript lo puedo hacer sin muchos problemas, pero preferiría ahorramelo.

No se si lo que pido se puede hacer, de todas formas muchas gracias.
  #2 (permalink)  
Antiguo 18/03/2009, 15:30
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Maquetación algo compleja

Saludos cojonuo!!

Te dejo esta web, en ella encontraras diferentes tipos de estructuras, talvez te sirva algo de esto no?

www.librosweb.es
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 18/03/2009, 17:02
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Maquetación algo compleja

Hola:

Y yo te recomiendo esta página, tiene varios ejemplos de páginas; mírate en concreto esta, si no me equivoco es, en concreto, lo que buscas.

Saludos.

  #4 (permalink)  
Antiguo 19/03/2009, 03:25
 
Fecha de Ingreso: noviembre-2008
Mensajes: 28
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: Maquetación algo compleja

Muchas gracias.

He probado las maquetaciones que me comentais pero aunque se parecen a lo que busco, siguen teniendo el mismo problema y no se como solucionarlos. En este caso la cabecera y el cuerpo se muestra correctamente pero necesito que el cuerpo admita un overflow, y estos no lo permiten.
  #5 (permalink)  
Antiguo 19/03/2009, 08:04
Avatar de Solid  
Fecha de Ingreso: enero-2003
Ubicación: Argentina
Mensajes: 180
Antigüedad: 14 años, 10 meses
Puntos: 0
Respuesta: Maquetación algo compleja

Tenés que medir el viewport (es decir la zona activa de documento real, no la ventana ni mucho menos la resolución de pantalla) y usar esas medidas.

Esto es Javascript, asique si por ejemplo usaras Prototype podrías solucionarlo asi...


Código HTML:
var alturaResto = 100; //sumatoria de todas las alturas explícitas
$("#cuerpo").setStyle({"height": (document.viewport.getHeight() - alturaResto) + "px"});
y listo, después podrías agregar un escuchador de eventos para que cuando cambie la altura del viewport se reajuste la altura del cuerpo.
__________________
Just because I rock doesn't mean I'm stone
  #6 (permalink)  
Antiguo 19/03/2009, 08:10
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.462
Antigüedad: 15 años, 4 meses
Puntos: 2099
Respuesta: Maquetación algo compleja

¿Te funcionaría si le pones un margen negativo de cien píxeles a las columnas que llevan el contenido? Es lo primero y creo que lo único que se me ocurre.
Código css:
Ver original
  1. margin-bottom:-100px;
  #7 (permalink)  
Antiguo 19/03/2009, 11:27
 
Fecha de Ingreso: noviembre-2008
Mensajes: 28
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: Maquetación algo compleja

Gracias por las aportaciones, al final he optado por utilizar javascript, lo que pasa que todo esto es dentro de una pagina con ASP y Algunos UpdatePanel que son los que contienen las columnas. Ahora he enlazado la funcion para hacer el resice a los eventos onload y onresize de javascript. Sin embargo sigo teniendo un problema, la columna de la derecha se actualiza al pulsar un enlace de la columna de la izquierda, usando updatepanels y al hacer esta actualizacion recarga la columna derecha y no pasa por el javascript así que vuelve a dimensionarse mal, me haría falta enlazarlo de alguna manera. Ya se que este no es el foro adecuado pero como venía a cuento por eso lo he puesto, pido disculpas si hago mal.

Un saludo.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:51.