Re: [Ovillo] Problemas con plantilla joomla 1.5
Hola, Diego. Coincido con Ignacio en que sería mejor que subieras el ejemplo para poderlo estudiar más cómodamente. De todas formas, se agradecen las imágenes. Entiendo que la línea vertical la consigues especificando un borde izquierdo para div#right. Tal y como está declarado, este borde se muestra en IE, pero no en otros navegadores. Mejor, cámbialo por: border-left: 1px solid #000; Para conseguir que esta línea llegue hasta el pie, tienes varios métodos. Dejando a un lado javascript, dispones del método de las columnas falsas (faux columns) que consiste en utilizar una imagen de fondo en el contenedor, de forma que simule la columna (en este caso, que contenga la línea vertical). Otro truco que te propongo consiste en añadir a la columna que menos altura tenga (el div#right) un relleno (padding) contrarrestado por un margen negativo. Añade lo siguiente a tu css: #right { border-left: 1px solid #000; padding-bottom: 300px; /* Valor arbitrario lo suficientemente alto */ margin-bottom: -300px; } Puesto que tu plantilla tiene pie de página, el borde se verá a través de éste. Para evitarlo, declara explícitamente un background-color al pie. Una observación: para que #container se extienda para englobar los flotantes que contiene, puedes añadirle overflow: hidden (auto también vale). Para IE6, height: 1%. Saludos. El 16 de julio de 2009 20:50, DIEGO ACEVES LÓPEZdiego69...@hotmail.com escribió: Vive Cada Dia Como Si Fuera El Ultimo De Tu Vida... by Diego hola a todos, buen dia, tengo un problema con una plantilla joomla, al parecer esta bien el codigo html pero un modulo quiero que me lo mueste hasta abajo, aqui les adjunto la imagen y ojala me puedan hechar la mano, creo que el problema es el css les adjunto el codigo. codigo HTML div id=container style=margin: 0 auto div id=header /div div id=banner /div div id=right /div div id=content /div div id=forms /div div id=user /div div id=lineaH /div div id=footer1 /div div id=footer /div /div gracias codigo CSS #header{height: 50px;} #container{width:763px; border-color:#000; border-left:solid; border-right:solid; border-width:2px;} #header ul{list-style:none; margin:0px; padding-right: 1em; padding: 0px 0px 0px 0px; text-align:center; display: block; padding-top: 0em;} #header li{float:left;height:50px; width:109px; display: block;} #header li:hover{background:green;} #header a:link, a:visited{color:#000; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:13px;} #header a.mainlevel{width:109px; height:37px; display: block; color:#5FB404; padding-top: 1em;} #header a:hover{color: #fff;} #banner img{border:none;} #content{float:left; width:500px; font-family: Arial Helvetica sans-serif; font-size:12px; margin-left:8px;} #content a:hover{text-decoration:underline;} #forms{float:left; width:500px; font-family: Arial Helvetica sans-serif; font-size:12px; margin-left:20px;} #user{float:left; width:500px; font-family: Arial Helvetica sans-serif; font-size:12px; margin-left:8px;} #user a:hover{text-decoration: underline;} #right {float:right; width:200px; height:100%; text-align:left; border-color:#000; border-left:solid; background: #EEE; border:1px; font-size:16px; font-family: Arial Helvetica sans-serif;} #right a:hover{text-decoration:underline;} #footer1{float:left; width:200px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #footer {float:right; width:550px; text-align:left; font-size:10px;} #footer a:link, a:visited{text-decoration:none;} #footer a:hover{color:#000; text-decoration: underline;} _ Actualiza tu Perfil y gana! http://www.actualizatuperfil.com.mx/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problemas con plantilla joomla 1.5
Vive Cada Dia Como Si Fuera El Ultimo De Tu Vida... by Diego hola a todos, buen dia, tengo un problema con una plantilla joomla, al parecer esta bien el codigo html pero un modulo quiero que me lo mueste hasta abajo, aqui les adjunto la imagen y ojala me puedan hechar la mano, creo que el problema es el css les adjunto el codigo. codigo HTML div id=container style=margin: 0 auto div id=header /div div id=banner /div div id=right /div div id=content /div div id=forms /div div id=user /div div id=lineaH /div div id=footer1 /div div id=footer /div /div gracias codigo CSS #header{height: 50px;} #container{width:763px; border-color:#000; border-left:solid; border-right:solid; border-width:2px;} #header ul{list-style:none; margin:0px; padding-right: 1em; padding: 0px 0px 0px 0px; text-align:center; display: block; padding-top: 0em;} #header li{float:left;height:50px; width:109px; display: block;} #header li:hover{background:green;} #header a:link, a:visited{color:#000; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:13px;} #header a.mainlevel{width:109px; height:37px; display: block; color:#5FB404; padding-top: 1em;} #header a:hover{color: #fff;} #banner img{border:none;} #content{float:left; width:500px; font-family: Arial Helvetica sans-serif; font-size:12px; margin-left:8px;} #content a:hover{text-decoration:underline;} #forms{float:left; width:500px; font-family: Arial Helvetica sans-serif; font-size:12px; margin-left:20px;} #user{float:left; width:500px; font-family: Arial Helvetica sans-serif; font-size:12px; margin-left:8px;} #user a:hover{text-decoration: underline;} #right {float:right; width:200px; height:100%; text-align:left; border-color:#000; border-left:solid; background: #EEE; border:1px; font-size:16px; font-family: Arial Helvetica sans-serif;} #right a:hover{text-decoration:underline;} #footer1{float:left; width:200px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #footer {float:right; width:550px; text-align:left; font-size:10px;} #footer a:link, a:visited{text-decoration:none;} #footer a:hover{color:#000; text-decoration: underline;} _ Actualiza tu Perfil y gana! http://www.actualizatuperfil.com.mx/___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problemas con plantilla joomla 1.5
Vive Cada Dia Como Si Fuera El Ultimo De Tu Vida... by Diego FALTO LA IMAGEN PERO NO SE ADJUNTO HABER SI LA VEN http://img268.imageshack.us/i/dibujoccw.jpg/ http://img268.imageshack.us/i/dibujoccw.jpg/ _ Actualiza tu Perfil y gana! http://www.actualizatuperfil.com.mx/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con plantilla joomla 1.5
Mientras llegan los expertos, algo que me ha servido es poner al HTML y al body el alto al 100%... prueba con esto a ver si asi te funciona... Salu2! El 16 de julio de 2009 13:56, DIEGO ACEVES LÓPEZ diego69...@hotmail.comescribió: Vive Cada Dia Como Si Fuera El Ultimo De Tu Vida... by Diego FALTO LA IMAGEN PERO NO SE ADJUNTO HABER SI LA VEN http://img268.imageshack.us/i/dibujoccw.jpg/ http://img268.imageshack.us/i/dibujoccw.jpg/ _ Actualiza tu Perfil y gana! http://www.actualizatuperfil.com.mx/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Docente tutor - Soporte Conocimiento Virtual Academia www.ConocimientoVirtual.edu.co www.ConocimientoVirtual.edu.co/foro ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con plantilla joomla 1.5
Subílo a algun server por favor. Asi ni da ganas... 2009/7/16 DIEGO ACEVES LÓPEZ diego69...@hotmail.com Vive Cada Dia Como Si Fuera El Ultimo De Tu Vida... by Diego FALTO LA IMAGEN PERO NO SE ADJUNTO HABER SI LA VEN http://img268.imageshack.us/i/dibujoccw.jpg/ http://img268.imageshack.us/i/dibujoccw.jpg/ _ Actualiza tu Perfil y gana! http://www.actualizatuperfil.com.mx/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con plantilla joomla 1.5
Prueba a limpiar los floats antes o en lineaH #lineaH {clear: both} Es solo una idea no se si funcionará El 16 de julio de 2009 21:03, Ignacio Ricci ignacio.ri...@gmail.comescribió: Subílo a algun server por favor. Asi ni da ganas... 2009/7/16 DIEGO ACEVES LÓPEZ diego69...@hotmail.com Vive Cada Dia Como Si Fuera El Ultimo De Tu Vida... by Diego FALTO LA IMAGEN PERO NO SE ADJUNTO HABER SI LA VEN http://img268.imageshack.us/i/dibujoccw.jpg/ http://img268.imageshack.us/i/dibujoccw.jpg/ _ Actualiza tu Perfil y gana! http://www.actualizatuperfil.com.mx/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Roque Alonso http://roquealonso.org/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con plantilla joomla 1.5
Yo lo hice asi: al div que tendra mas contenido le puse un borde (border-left) y para que cubriera las dos columnas a cada lado le agregue un div vacio, pero eso no es muy semantico. seguro hay mejores soluciones. y si mal no recuerdo le puse un top:0 No me maten en la lista, please, !! Saludos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo