Re: [Ovillo] Extender DIV hasta ocupar todo el contenido
salud reynier, precisamente éstos días he estado buscando algo parecido a lo que comentas. si buscas un hilo llamado diseño a 3 columnas verás las conclusiones a las que allí se llegaron. al final se utilizó javascript para estirar las columnas ya que parece que es imposible hacerlo solamente con css. un saludo y espero que te sirva. ___ 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] diseño a 3 columnas
Si está en la especificación 2.1 todavía no es estándar. Es un borrador que no es lo mismo. Mucho cuidado con afirmar estas cosas ya que pueden cambiar. Una cosa no se considera estándar cuando no está calificada como recomendación. On Jun 15, 2007, at 3:12 PM, Almorca wrote: Primero me presento. Soy Alex, en la red uso el nombre de Almorca y este es mi primer mensaje en la lista. min-height si que es estándar. Lo podéis comprar en http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/ El problema es, como casi siempre, que no funciona en IE, pero para ello existe una librería javascript llamada IE7 que lo soluciona. Si a alguien le interesa y no encuentra en Google la librería IE7 que me lo diga y busco el enlace. -- We don't need no education - Pink Floyd ___ 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 Diego Lafuente - http://www.minid.net http://www.tractis.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] diseño a 3 columnas
Hola David: He encotrado otro error de ficheros: Error: Could not open second.css, ;) Se te olvido subir otro fichero Salu2 Reynier Pérez Mira 5to. año Ing. Informática Universidad de las Ciencias Informáticas -Original Message- From: [EMAIL PROTECTED] [mailto:ovillo- [EMAIL PROTECTED] On Behalf Of David Pardo Sent: Friday, June 15, 2007 3:53 AM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] diseño a 3 columnas He detallado todo el proceso en mi blog, por si a alguien le interesa. Está en inglés pero se entiende bien. http://blog.corunet.com/english/three-column-layout-with-full-page-height Gracias de nuevo a ListaCss por la idea original. sn escribió: ahora sí! perfecto david, lo has conseguido utilizando muy poquito javascript. es una pena que no se pueda hacer un efecto tan simple solo con css, pero bueno. se agradece! ___ 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 ___ 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] Extender DIV hasta ocupar todo el contenido
Hola sn y demás listeros:
He probado lo que me dices y al parecer tengo algo mal y no logro encontrar que
cosa es. Ahora hice algunos cambios porque mi plantilla (layout) no es igual al
del ejemplo, sino que antes de las 3 columnas lleva una cabecera. Aquí les dejo
el CSS y el HTML para que prueben y vean lo que me pasa.
!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=sp lang=sp
head
titleProbando columnas/title
meta http-equiv=Content-Type content=text/html charset=iso-8859-1/
script type=text/javascript
src=assets/script/simpro/fillheight.js/script
style type=text/css
body{
margin:0 auto;
}
#contenedor_principal{
overflow:hidden;
}
#contenido_central{
background-color:red;
width:20%;
float:left;
margin-bottom:-5000px;
padding-bottom:5000px;
}
#columna_derecha{
background-color:blue;
width:60%;
float:left;
margin-bottom:-5000px;
padding-bottom:5000px;
}
#pie_de_pagina{
height:40px;
clear:both;
float:none;
background-color:black;
color:white;
width:100%;
}
/style
/head
body onload=fillthescreen()
div id=contenedor_principal
div id=cabecera
div id=registroRegistro de usuarios/div
/div
div id=navegacionNavegacion/div
div id=contenido_centralalgo/div
div id=columna_derechacolumna derecha/div
div id=pie_de_paginapie de pagina/div
/div
/body
/html
El JS lo he modificado de la siguiente manera para adapatarlo a mis selectores:
function fillthescreen(){
winH = windowHeight(); //This returns the screen heigth
heightNeeded=winH-40; //We need to substract the footer height
if( typeof( window.innerWidth ) != 'number' ) { //Explorer doesn't
recognize minHeight
document.getElementById('contenido_central').style.height=heightNeeded+'px';
//So, we use height (and explroer bug)
}
document.getElementById('contenido_central').style.minHeight=heightNeeded+'px';
//For every other browser, we use minHeight
}
function windowHeight(){
var alto= 0;
if( typeof( window.innerWidth ) == 'number' ) {
alto= window.innerHeight;
} else if( document.documentElement (
document.documentElement.clientWidth || document.documentElement.clientHeight )
) {
alto= document.documentElement.clientHeight;
} else if( document.body ( document.body.clientWidth ||
document.body.clientHeight ) ) {
alto= document.body.clientHeight;
}
return alto;
}
¿Qué estoy haciendo mal?
Salu2 y desde ya gracias
Reynier Pérez Mira
5to. año Ing. Informática
Universidad de las Ciencias Informáticas
-Original Message-
From: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED] On Behalf Of sn
Sent: Monday, June 18, 2007 3:35 AM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Extender DIV hasta ocupar todo el contenido
salud reynier, precisamente éstos días he estado buscando algo parecido a
lo
que comentas.
si buscas un hilo llamado diseño a 3 columnas verás las conclusiones a
las
que allí se llegaron.
al final se utilizó javascript para estirar las columnas ya que parece que
es imposible hacerlo solamente con css.
un saludo y espero que te sirva.
___
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] programador freelance españa
Estoy gestionando una aplicación para una inmobiliaria. Ya están desarrolladas las plantillas y falta la programación en php o asp y la creación de bases de datos. Buscamos un programador, preferiblemente de Madrid o alrededores, para posibles reuniones y firmas de trabajos. Por favor mandádme un email a : [EMAIL PROTECTED] con vuestro teléfono y me pongo en contacto con vosotros. El trabajo sería para Junio-Julio. Está bien remunerado. Un saludo [EMAIL PROTECTED] Enviado por: [EMAIL PROTECTED] 18/06/2007 14:00 Por favor, responda a ovillo@lists.ovillo.org Para ovillo@lists.ovillo.org cc Asunto Resumen de Ovillo, Vol 40, Envío 19 Envíe los mensajes para la lista Ovillo a ovillo@lists.ovillo.org Para subscribirse o anular su subscripción a través de la WEB http://lists.ovillo.org/mailman/listinfo/ovillo O por correo electrónico, enviando un mensaje con el texto help en el asunto (subject) o en el cuerpo a: [EMAIL PROTECTED] Puede contactar con el responsable de la lista escribiendo a: [EMAIL PROTECTED] Si responde a algún contenido de este mensaje, por favor, edite la linea del asunto (subject) para que el texto sea mas especifico que: Re: Contents of Ovillo digest Además, por favor, incluya en la respuesta sólo aquellas partes del mensaje a las que está respondiendo. Asuntos del día: 1. Re: Utilidad del CSS (Almorca) 2. Re: [OT] javascript/jquery y seleccionar nodos hijos ( carlos campderrós ) 3. Re: Manejar bases de datos (Alejandro Moreno) 4. Re: Extender DIV hasta ocupar todo el contenido (sn) 5. Re: diseño a 3 columnas (Diego Martín Lafuente) -- Message: 1 Date: Sun, 17 Jun 2007 14:11:22 +0200 From: Almorca [EMAIL PROTECTED] Subject: Re: [Ovillo] Utilidad del CSS To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Message-ID: [EMAIL PROTECTED] Content-Type: text/plain; charset=UTF-8; format=flowed Si quieres puedes empezar por http://www.librosweb.es/css/index.html No he leído el libro pero tiene buena pinta y además es gratis. El día 17/06/07, Reignerok [EMAIL PROTECTED] escribió: Pues nada, ya me lo compraré en cuanto pueda. Un saludo y gracias de nuevo. El día 17/06/07, Fernando Seves [EMAIL PROTECTED] escribió: Hola Reignerok Creo que un buen libro de iniciación seria: Diseñando con Estándares Web segunda edicion de Jeffrey Zeldman donde mas allá de soluciones técnicas que otros desarrollan mejor (Dan Cederholm, David Shea, Andy Budd y Cia) te instruye en la filosofía y la razón de ser que hay detrás del uso de esta técnica. Un saludo El día 17/06/07, Reignerok [EMAIL PROTECTED] escribió: Vaya, ¿y todo eso se hace con CSS a partir de estohttp://www.csszengarden.com/zengarden-sample.html? En fin, creo que me tendré que poner manos a la obra YA para engancharme al carro :P Un saludo y gracias. Por cierto, ¿la web de W3Schools sería un buen sitio para empezar? El día 17/06/07, Leandro Iriarte [EMAIL PROTECTED] escribió: Que tal Reignerok. Te comento que el mundo de las CSS es muy amplio y te permite realizar practicamente cualquier estilo que desees a una web en html plano y dejarla como al mejor estilo flash. Te recomiendo que visites el siguiente link y veas la cantidad de cosas que puedes realizar con las CSS. http://www.csszengarden.com/ Saludos! El día 16/06/07, Reignerok [EMAIL PROTECTED] escribió: Hola. Soy todavía un webmaster novato y he oído hablar mucho del CSS para el estilo de la web. Así a simple vista sólo veo cambios del diseño de las etiquetas HTML, aunque por lo que he leído en esta lista las opciones son muchísimas más. ¿Podríais decirme algunas de las más importantes o útiles? Un saludo y mil gracias de antemano. ___ 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 ___ 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
Re: [Ovillo] programador freelance españa
Buenas, Soy un chico de 23 años de San Sebastian (Gipuzkoa). Ahora mismo trabajo como programador PHP para una empresa de San Sebastian. Tengo una experiencia laboral con PHP de un año y medio.Del cual, medio año, es con drupal (CMS) haciendo la web oficial de carbonell [1]. Si quereis hablar conmigo mi telefono movil es (635) 713404 y preguntar por Aitor. Las mejoras horas para hacerlo son apartir de las 19.00, ya que, apartir de esas horas no estoy trabajando. Mientras trabajo tengo el movil sin sonido y es posible, que como no veré la llamada no es coja, pero si quereis hacer la prueba... Gracias. Un saludo. aitor [1] http://www.carbonell.es/ ___ 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] line-height y input type button
a ver si a alguien mas le ha pasado algo parecido, tengo un texto con un input al lado (texto texto texto input ...) dentro de un div, el div mide 100px de altura (height:100px) y tiene un alto de línea de 100px tambien (line-height:100px). El firefox me lo renderiza bien, pero IE6 y IE7 me ignora el alto de línea para el input (el texto lo hace bien). ¿Es eso debido a algún bug css? Puede ser que el elemento input no acepte el alineado de un line-height? puede ser que le tenga que definir la altura al input (eso lo he pensado ahora)?... gracias a todos! Marc ___ 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] diseño a 3 columnas
Gracias Reynier. Ya debería estar arreglado. Si es que no se puede escribir con prisas :) Reynier Perez Mira escribió: Hola David: He encotrado otro error de ficheros: Error: Could not open second.css, ;) Se te olvido subir otro fichero Salu2 Reynier Pérez Mira 5to. año Ing. Informática Universidad de las Ciencias Informáticas -Original Message- From: [EMAIL PROTECTED] [mailto:ovillo- [EMAIL PROTECTED] On Behalf Of David Pardo Sent: Friday, June 15, 2007 3:53 AM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] diseño a 3 columnas He detallado todo el proceso en mi blog, por si a alguien le interesa. Está en inglés pero se entiende bien. http://blog.corunet.com/english/three-column-layout-with-full-page-height Gracias de nuevo a ListaCss por la idea original. sn escribió: ahora sí! perfecto david, lo has conseguido utilizando muy poquito javascript. es una pena que no se pueda hacer un efecto tan simple solo con css, pero bueno. se agradece! ___ 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 ___ 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
Re: [Ovillo] line-height y input type button
Preciso: en IE6 no me lo hace en todo el texto, en IE7 no me lo centra sino que alinea el bottom con la parte inferior del texto :P, pero claro, eso me va fatal porque realmente no lo está centrando como firefox: http://www.nbsp.es/ajax/lineheight.html saludos! Marc - Original Message - From: Marc Palau [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Monday, June 18, 2007 5:37 PM Subject: [Ovillo] line-height y input type button a ver si a alguien mas le ha pasado algo parecido, tengo un texto con un input al lado (texto texto texto input ...) dentro de un div, el div mide 100px de altura (height:100px) y tiene un alto de línea de 100px tambien (line-height:100px). El firefox me lo renderiza bien, pero IE6 y IE7 me ignora el alto de línea para el input (el texto lo hace bien). ¿Es eso debido a algún bug css? Puede ser que el elemento input no acepte el alineado de un line-height? puede ser que le tenga que definir la altura al input (eso lo he pensado ahora)?... gracias a todos! Marc ___ 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] ¿alguien me puede ayudar con esto?
Hola a todos y a todas,
desde hace casi un par de meses, tengo un problema con una barra
superior en un sitio que estoy haciendo (en realidad la primera versión
está terminada en espera de ese error).
Una página que muestra el error es http://www.gamco.es/historisa.php.
Ambas barras se montan en la segunda línea si se ven con IE, pero no con
Opera o Firefox. Al principio diseñé la segunda barra y alguien desde la
lista me dijo que lo hiciese con una lista sin ordenar. El código css es
así:
#barsup ul {
margin-top: 0%;
margin-bottom: 5%;
margin-left: 10%;
margin-right: 10%;
text-align: center;
font-weight: bold;
padding: 0%;
}
#barsup li {
display: inline;
list-style-type: none;
position: relative;
width: 25%;
float: left;
text-align: center;
background-color: #0086F6;
font-size: 80%;
margin: 0%;
padding: 0%;
}
El problema es que IE sigue montando en la segunda línea el cuarto
elemento de la lista (cuando está definido que cada li ocupe un cuarto
de la lista barsup). Además, los márgenes laterales en la lista barsup
no parecen tener efecto alguno (ni en Firefox ni en Opera).
¿Cómo puedo conseguir que definiendo width: 25%; IE no me monte el
cuarto elemento de la lista en una segunda línea?
Saludos y gracias,
Pablo
___
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] ¿alguien me puede ayudar con esto?
Hola Pablo, El lunes, 18 jun 2007 a las 19:00, escribiste: padding: 0%; } Según css.css el padding: 0% para los li no está puesto. Prueba a meterlo porque IE mete de manera diferente el margen de los li que firefox, creo que uno lo hace con margin y el otro con padding. -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ 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] line-height y input type button
Pues la verdad es que me he estado peleando un poco con eso pero no hay manera, me temo que vas a tener que tratar el input como caja por fuerza. De todas formas lo preguntas por mera curiosidad,no?? Saludos! El día 18/06/07, Marc Palau [EMAIL PROTECTED] escribió: Preciso: en IE6 no me lo hace en todo el texto, en IE7 no me lo centra sino que alinea el bottom con la parte inferior del texto :P, pero claro, eso me va fatal porque realmente no lo está centrando como firefox: http://www.nbsp.es/ajax/lineheight.html saludos! Marc - Original Message - From: Marc Palau [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Monday, June 18, 2007 5:37 PM Subject: [Ovillo] line-height y input type button a ver si a alguien mas le ha pasado algo parecido, tengo un texto con un input al lado (texto texto texto input ...) dentro de un div, el div mide 100px de altura (height:100px) y tiene un alto de línea de 100px tambien (line-height:100px). El firefox me lo renderiza bien, pero IE6 y IE7 me ignora el alto de línea para el input (el texto lo hace bien). ¿Es eso debido a algún bug css? Puede ser que el elemento input no acepte el alineado de un line-height? puede ser que le tenga que definir la altura al input (eso lo he pensado ahora)?... gracias a todos! Marc ___ 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 -- Juan Jorge Muñoz Herrero http://www.taarq.com (0034) 635 10 7142 ___ 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] ¿alguien me puede ayudar con esto?
Hola Pablo, El lunes, 18 jun 2007 a las 21:34, escribiste: Perdona, pero no entiendo cómo tengo que meterlo (he buscado en Google) si no es con ul#barsup li. Estoy bloqueado y no sé cómo tendría que ir en ese caso concreto. No sé cómo se hacen en las css para IE para que identificar a un elemento de una clase. ¿Alguien me lo podría decir con este ejemplo concreto? Gracias y saludos, Digo que en el css.css no está puesto el padding a 0 en el elemento. Has puesto un cacho de css en el mail pero dicho cacho no está puesto en la css. -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ 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] Galeria con CSS
Alguien me puede recomendar alguna página donde encontrar ejemplo de cómo hacer galerías con CSS? Salu2 Reynier Pérez Mira 5to. año Ing. Informática Universidad de las Ciencias Informáticas ___ 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] Galeria con CSS
http://www.cssplay.co.uk/menu/photo_album.html hay varios ejemplos en ese sitio On 6/18/07, Reynier Perez Mira [EMAIL PROTECTED] wrote: Alguien me puede recomendar alguna página donde encontrar ejemplo de cómo hacer galerías con CSS? Salu2 Reynier Pérez Mira 5to. año Ing. Informática Universidad de las Ciencias Informáticas ___ 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 -- Escael Marrero Desarrollador Web ___ 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
