Respuesta
 
Herramientas Buscar en Tema
Antiguo 11-09-2009, 16:50:02   #1
quebien
Junior Member
 
Fecha de Ingreso: Sep 2009
Mensajes: 8

quebien is on a distinguished road
Question Imposible de hacer con CSS?
Hola a todos!

Estoy queriendo hacer esto hace mas de un dia. Quiero hacer un clasico diseño de tres columnas pero que yo pueda omitir alguna de las columnas (o las dos) y el contenido siempre se ajuste al ancho.

Esta tabla hace exactamente lo que quiero:

<table width=780 height=100% border=1>
<tr>
    <td width=180 valign=top>col izq</td> <!--columna opcional-->
    <td valign=top>contenido</td>
    <td width=180 valign=top>col der</td> <!--columna opcional-->
</tr>
</table>

Pero con CSS no lo puedo hacer

Ayudita?

gracias!
(Desconectado) Responder Con Cita
Antiguo 12-09-2009, 13:54:47   #2
Joe
Junior Member
 
Fecha de Ingreso: Aug 2009
Ubicación: España
Mensajes: 17

Joe is on a distinguished road
Predeterminado Div central elastico
Hola, esto que pretendes hacer, es bastante sencillo en CSS. Dos columnas fijas y centro elastico.
Esto es el CSS que necesitas:

div#izquierdo, div#derecho {
width: 180px;
border: 1px solid #F90;
}

div#izquierdo {
float: left;
text-align: center;
background-color:#E9D3BE;
}

div#derecho {
float: right;
text-align: center;
background-color:#E9D3BE;
}

div#contenido {
margin: 0 170px;
}

Luego en el <body>:

<div id="izquierdo">Izquierda</div>
<div id="derecho">Derecha</div>
<div id="contenido">Contenido</div>

Modificalo a tu gusto, si quieres quitar alguna columna solo quitas el div del <body>
Espero que sea lo que buscabas.
Saludos.

__________________
http://www.paraelwebmaster.com - Herramientas y recursos para el Webmaster
(Desconectado) Responder Con Cita
Antiguo 12-09-2009, 14:30:00   #3
quebien
Junior Member
 
Fecha de Ingreso: Sep 2009
Mensajes: 8

quebien is on a distinguished road
Predeterminado
Excelente! anda bien!!!

Aunque no entiendo porque hay que poner los DIVs en un orden que no es lógico. izquierda, derecha, contenido.

Gracias por la ayuda!!!!!!!!
(Desconectado) Responder Con Cita
Antiguo 13-09-2009, 05:52:14   #4
Joe
Junior Member
 
Fecha de Ingreso: Aug 2009
Ubicación: España
Mensajes: 17

Joe is on a distinguished road
Predeterminado
Empezado por quebien Ver Mensaje
Excelente! anda bien!!!

Aunque no entiendo porque hay que poner los DIVs en un orden que no es lógico. izquierda, derecha, contenido.

Gracias por la ayuda!!!!!!!!

Variar el orden de los div no te afectara los resultados (Solo te los presente como muestra)
Saludos

__________________
http://www.paraelwebmaster.com - Herramientas y recursos para el Webmaster
(Desconectado) Responder Con Cita
Respuesta

« Tema Anterior | Próximo Tema »

Herramientas Buscar en Tema
Buscar en Tema:

Búsqueda Avanzada

Normas de Publicación
no Puedes crear nuevos temas
no Puedes responder a temas
no Puedes adjuntar archivos
no Puedes editar tus mensajes
El código vB está habilitado
Las caritas están habilitado
Código [IMG] está habilitado
Código HTML está deshabilitado

Temas Similares
Tema Autor Foro Respuestas Último mensaje
Curso de HTML y CSS en Buenos Aires- Inscribite ya! Litio HTML - xHTML 1 21-09-2008 18:04:21
Necesito ayuda con tabla CSS winzero General 1 14-01-2008 19:20:04
Como hago con css? pablodeloeste Dreamweaver 2 26-11-2007 19:17:08
AYUDA!!! no se que hacer!!! eduardosdt PHP 0 09-10-2007 16:28:05
Hacer un registro con Region(Provicia, Estado) y Comuna(Ciudad) vitokomaim PHP 0 04-10-2007 17:38:37

Opciones

Sponsors

Sitios Amigos

La franja horaria es GMT -2. Ahora son las 06:46:13.

Powered by: vBulletin, Versión 3.6.0
Derechos de Autor ©2000 - 2010, Jelsoft Enterprises Ltd.

Estilo creado por IndustrialBits - IndustrialBits.com