Foros del Web » Creando para Internet » CSS »

altura y márgenes de un div

Estas en el tema de altura y márgenes de un div en el foro de CSS en Foros del Web. Saludos, A ver si soy capaz de explicarme en mi primer mensaje... Quería montar un diseño con el menú al pié y un área de ...
  #1 (permalink)  
Antiguo 28/05/2010, 18:15
 
Fecha de Ingreso: mayo-2010
Mensajes: 2
Antigüedad: 7 años, 6 meses
Puntos: 0
altura y márgenes de un div

Saludos,

A ver si soy capaz de explicarme en mi primer mensaje...

Quería montar un diseño con el menú al pié y un área de contenido en toda la parte superior.

He colocado el menú con un div anclado a la parte inferior de la pantalla mediante (position: fixed; bottom: 15px;)

Ahora quería que el área para el contenido dejara un margen de 15px con la parte superior, izquierda y derecha de la pantalla (eso lo hago sin problemas) y de 150px con el margen inferior de la pantalla (para que no se solape con el menú). Además quiero que ese área sea siempre visible para ponerle una imagen de fondo repitiéndose y adaptándose a distintos tamaños de pantalla.

¿alguna sugerencia?

gracias
  #2 (permalink)  
Antiguo 28/05/2010, 19:09
 
Fecha de Ingreso: mayo-2010
Mensajes: 2
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: altura y márgenes de un div

um...
he encontrado la solución aquí: http://www.dynamicdrive.com/style/layouts/item/css-bottom-frame-layout/

truco está en:

body{
overflow: hidden;
height: 100%;
max-height: 100%;
}

#footer{
position: absolute;
bottom: 0;
width: 100%;
height: 130px; /*altura que queramos para el footer*/
}

#maincontent{
position: fixed;
bottom: 130px; /*altura del footer*/
overflow: auto;
}

además comenta dos hacks para IE6 que todavía no he probado...

* html body{ /*IE6 hack*/
padding: 0 0 130px 0; /*Set value to (0 0 HeightOfFooterDiv 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%;
width: 100%;
}
  #3 (permalink)  
Antiguo 28/05/2010, 19:22
Avatar de ferwall  
Fecha de Ingreso: abril-2010
Mensajes: 57
Antigüedad: 7 años, 8 meses
Puntos: 3
Respuesta: altura y márgenes de un div

Me parece a mi o viste una pagina re vieja jeje, IE6 ya paso =P

Y lo que queres hacer también lo podes hacer dándole margen al body

body {
margin-bottom:150px;}

Siempre y cuando tengas un div contenedor para que se te mueva todo para arriba parejito.

La verdad no se cual es la forma mas correcta de hacerlo pero se que así también se puede hacer.

Etiquetas: altura
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 03:42.