Bienvenido(a), Visitante. Favor de ingresar o registrarse.
Diciembre 02, 2008, 01:46:50
Inicio Ayuda Buscar Ingresar Registrarse
Noticias: Foro de Java, C++ y más.

Empieza una nueva comunidad de programación: Oneble ... es lo que tu quieras que sea

+  Foros Java y C/Linux
|-+  Programación Web
| |-+  CSS
| | |-+  cómo hacer cabecera, tres columnas y pie
« anterior próximo »
Páginas: [1] Enviar tema Imprimir
Autor Tema: cómo hacer cabecera, tres columnas y pie  (Leído 4213 veces)
chuidiang
Administrator
Hero Member
*****
Mensajes: 1974



Ver Perfil WWW Email


« en: Febrero 04, 2007, 11:52:36 »

Hola:

Estoy jugando con CSS y pretendo hacer una página que tenga una cabecera, tres columnas y un pie de página.

Las tres columnas pretendo que sean dos de ancho fijo una a izquierda y otra a derecha. La tercera, central y que se estire con el tamaño del navegador.

Poniendo posiciones más o menos fijas y márgenes, el pie no queda en su sitio, sino que se sube.

He estado investigando con los float:left y float:right y en esta página dicen cómo se hace http://blog.html.it/layoutgala/LayoutGala13.html, pero veo que hay cosas extrañas como margin-left:-100%

Código:
div#navigation{float:left;width:200px;margin-left:-100%}

El comportamiento no es igual además en Internet Explorer que en Firefox. Si hacemos el navegado muy estrecho, en Internet Explorer la columna izquierda se descoloca.

¿No hay una forma más simple de hacer eso?

En línea

chuidiang
Administrator
Hero Member
*****
Mensajes: 1974



Ver Perfil WWW Email
« Respuesta #1 en: Febrero 05, 2007, 08:38:23 »

Hola:

Ya me han respondido en otro foro. Basta hacer algo como esto

Código:
#columna_izquierda { width:100px; float:left; }
#columna_derecha { width:100px; float:left; }
#columna_central { margin-left:120px; margin-right: 120px; }

y no hacen falta complicaciones de margin-left:-100%

Sed buenos.
En línea

rfilgueiras
Jr. Member
**
Mensajes: 73


Ver Perfil WWW Email
« Respuesta #2 en: Febrero 05, 2007, 09:55:11 »

Tienes aqui un buen tutorial

http://css.maxdesign.com.au/floatutorial/
En línea
oropeza
Visitante
« Respuesta #3 en: Abril 25, 2007, 07:32:30 »

Hola, esta pagina me gusta por que tiene varios layouts de css que se adaptan a muchas necesidades.

http://intensivstation.ch/templates/
En línea
Páginas: [1] Enviar tema Imprimir 
« anterior próximo »
Ir a:  


Ingresar con nombre de usuario, contraseña y duración de la sesión

Powered by MySQL Powered by PHP Powered by SMF 1.1.5 | SMF © 2006-2007, Simple Machines LLC XHTML 1.0 válido! CSS válido!