24-jul-2008, 04:24
|
#1 (permalink) |
 Fecha de Ingreso: julio-2008
Mensajes: 2
|
Plantillas CSS
Estoy intentando crear una plantilla CSS para aplicar a mi sitio web usando CSS. El diseño sería típico: Cabecera, Contenido con dos columnas y Pie. Gracias a los trucos que leí por aquí conseguí poner el pie siempre pegado a la parte inferior del navegador. Pero siguiendo esta regla no consigo que el contenido central de las dos columnas también estire su altura hasta el pie que tengo abajo del todo. ¿Alguna idea? Espero haberme explicado bien. Muchas gracias! |
|
|
|
24-jul-2008, 08:27
|
#2 (permalink) |
 
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.364
|
Respuesta: Plantillas CSS
Pon las dos columnas dentro de un div llamado "estirar" por ejemplo, y pon esto en el CSS:
Código:
#estirar { overflow: hidden; }
#columnauno, #columnados { margin-bottom: -3000px; padding-bottom: 3000px; }
__________________
Entra aquí para ver mis diseños. |
|
|
|
|
28-jul-2008, 14:06
|
#4 (permalink) |
|
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.364
|
Respuesta: Plantillas CSS
Un pequeño detalle del clear:both, ya está solucionado y funciona en IE y Firefox:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es"> <head> <title>Dos columnas misma altura</title> <style type="text/css"> #contenedor { overflow: hidden; } #menu { float: left; width: 15%; background: #eee; margin-bottom: -3000px; padding-bottom: 3000px; } #texto { float: left; width: 85%; margin-bottom: -3000px; padding-bottom: 3000px; } .clear { clear: both; } </style> </head> <body> <div id="contenedor"> <div id="menu"> Este es el menú </div> <div id="texto"> Este es el texto<br /> Hola </div> <div class="clear"></div> </div> </body> </html>
__________________
Entra aquí para ver mis diseños. Última edición por Raulmmmm; 29-jul-2008 a las 00:48. |
|
|
|
|
28-jul-2008, 16:06
|
#5 (permalink) |
|
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 3.447
|
Respuesta: Plantillas CSS
 Te ha pasado como me suele pasar a mi, que te has dejado el title del ejemplo anterior en este, que no tiene nada que ver. Un detalle: siempre veo que con el corte recomiendas añadir el div <div style="clear: both"></div> y siempre pienso lo mismo, que para mi es preferible quitar los estilos de las etiquetas, por eso al contrario yo recomiendo siempre el div <div class="corte"></div> y el css .corte {clear: both;}. Cuesta algo más explicarlo, pero creo que es mejor, ¿no?
__________________
Mikel. |
|
|
|
|
29-jul-2008, 00:33
|
#6 (permalink) |
|
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.364
|
Respuesta: Plantillas CSS
¡Anda, el title
! Gracias por decírmelo. Y en cuanto a eso, yo lo tengo como dices tú, pero no me suele apetecer explicarlo  . A ver si ya me pongo las pilas.
__________________
Entra aquí para ver mis diseños. |
|
|
|
|
29-jul-2008, 01:31
|
#7 (permalink) |
|
Colaborador
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 3.447
|
Respuesta: Plantillas CSS
Cita:
Sabía que era pereza
Iniciado por Raulmmmm
Y en cuanto a eso, yo lo tengo como dices tú, pero no me suele apetecer explicarlo
. A ver si ya me pongo las pilas. Me voy a pegar la explicación en un archivo en algún sitio y así será copy & paste
__________________
Mikel. |
|
|
|
Mode Lineal
