corrijo la linea de Jquery. $( ".menu" ).css( "height", $( ".noticias" ).height() )
El 27 de noviembre de 2011 13:15, Pablo Muñoz <[email protected]> escribió: > Ok, vamos de nuevo, y esta vez intento explicarte yo a ver si entendi... > Tu quieres que el menu siempre tenga la misma altura que el de noticias, > tu problema es que esa altura no es estatica, va a cambiar dependiendo de > la cantidad de noticias tenga adentro, y como desconoces cual va a ser el > futuro tamaño, entonces en este punto comienza tu problema... es esto lo > que te sucede? > > si es un SIIIIIIIIIII!!!! entonces, la solucion la tienes que buscar con > javascript ya que los tamaños dinamicos finales solo los conoce el DOM, y > con quien puedes manipular el DOM es con javascript. > > siendo este el caso recomiendo usar Jquery, con tan solo escribir $( > ".menu" ).css( "height", $( ".noticias" ).css("height") ) ya estaria > resuelto tu problema > > El 27 de noviembre de 2011 08:26, Carlos Nuñez <[email protected]>escribió: > > Te doy mil gracias por el tiempo que estas dedicandome pero no me >> explico bien, lo intentare de nuevo jeje: >> >> Yo tengo un div de menu que lo utilizare para tal fin y será de tamaño >> fijo (altura y anchura) luego tendre un cuerpo dnd saldrán las >> noticias y este tendrá altura variable. Mi problema es que quiero que >> el menu tenga la misma altura que el div de las noticias. Quiero que >> sea dinámico, para que si hay una o dos noticias la altura del menu >> sea la misma que el de las noticias. No se si es posible hacerse y >> viendo las complicaciones q me esta generando me estoy plantenando >> poner un tamaño fijo al menu. >> >> El contenedor lo uso para que no se descuajaringue al aumentar con las >> noticias, que no se deforme la web vaya. >> >> A ver si aclaro mas, respecto al contenido da igual lo que vaya de dentro. >> >> Gracias >> >> Carlos Nuñez, >> >> El 27/11/2011, a las 11:55, "Pablo Muñoz" <[email protected]> escribió: >> >> > Ok, te voy a exponer 2 casos. >> > >> > 1) si lo que quieres hacer es algo parecido a >> > Menu (categoria 1) >> > noticia 1 >> > noticia 2 >> > noticia 3 >> > menu (categoria 2) >> > noticia 4 >> > noticia 5 >> > noticia 6 >> > >> > Mi recomendacion es que hagas uso del ul y li, ya que fueron diseñadas >> para >> > este fin. Quedaria mas o menos asi >> > <div class='contenedorIzquierdo'> >> > <ul> >> > <li> >> > menu (categoria 1) >> > <ul> >> > <li>noticia 1</li> >> > <li>noticia 2</li> >> > <li>noticia 3</li> >> > </ul> >> > </li> >> > <li> >> > menu (categoria 2) >> > <ul> >> > <li>noticia 4</li> >> > <li>noticia 5</li> >> > <li>noticia 6</li> >> > </ul> >> > </li> >> > </ul> >> > </div> >> > la css quedaria algo parecido a esto >> > .contenedorIzquierdo{ >> > width:200px; >> > background-color:red; >> > float:left; /*si lo necesitas*/ >> > } >> > .contenedorIzquierdo ul{ >> > /*en caso que no quieras mostrar viñetas*/ >> > list-style:none; >> > background-color:blue; >> > } >> > >> > contenedorIzquierdo li{ >> > background-color:yellow; >> > } >> > >> > 2) si lo que quieres hacer es algo parecido a esto: >> > >> > Menu 1 >> > Menu 2 >> > Menu 3 >> > -------------- >> > noticia 1 >> > noticia 2 >> > noticia 3 >> > >> > entonces recomiendo que tu html quede algo parecido a esto >> > >> > <div class='contenedor'> >> > <div class='menu'> >> > <!-- lo que quieras poner aqui --> >> > </div> >> > <div class='noticia'> >> > <!-- lo que quieras poner aqui --> >> > </div> >> > </div> >> > >> > y la css quedaria algo parecido a >> > >> > .contendor{ >> > float:left; >> > background-color:blue; >> > width:300px; >> > } >> > .menu{ >> > background-color:yellow; >> > } >> > .noticia{ >> > background-color:green; >> > } >> > >> > Expuse estas dos opciones porque de verdad no se cual sea tu caso y >> > disculpa si no logre entender al 100% tu pregunta. >> > >> > si como dices estas comenzando en php, no se si sera igual para el >> html, lo >> > que puedo recomendar es que no hagas abuso de las id ya que el html y >> php >> > no necesitan de ellas a menos que quieras acceder a ellas a travez de >> > javascript (y aun asi puedes accesarlos a travez de las clases). >> > Trata en la medida que puedas mantener el flujo natural de los elementos >> > html, con esto quiero decir que coloques el elemento mas adecuado para >> el >> > caso que necesites ya que con esto ahorras codigo y tiempo. >> > >> > El 27 de noviembre de 2011 05:24, Carlos Nuñez <[email protected]> >> escribió: >> > >> >> perdon le di a enviar sin querer: >> >> >> >> <body> >> >> >> >> <div id="id"> >> >> <div id="id0"></div> >> >> <div id="id1"></div> >> >> </div> >> >> </body> >> >> >> >> >> >> El 27 de noviembre de 2011 10:53, Carlos Nuñez <[email protected]> >> >> escribió: >> >> >> >>> el html es tal como expliqué: >> >>> >> >>> <html> >> >>> <body> >> >>> <div id="id0"> >> >>> <div id="id0"></div> >> >>> <div id="id1"></div> >> >>> </div> >> >>> El 27 de noviembre de 2011 10:35, Pablo Muñoz <[email protected]> >> >> escribió: >> >>> >> >>> Hola! >> >>>> Oye! Mejor coloca tu html aqui tambien para entender mejor tu >> >>>> explicacion y poder darte una respuesta acertada! >> >>>> >> >>>> Carlos Nuñez <[email protected]> escribió: >> >>>> >> >>>>> Buenos dias, estoy aprendiendo php y me he encontrado con un >> problema >> >> en >> >>>>> css. Tengo poca experiencia a ver si puedo explicarme con claridad: >> >>>>> >> >>>>> Tengo un div contenedor que contiene un menu y un cuerpo de noticias >> >> que >> >>>>> ira creciendo hasta mostrar N noticias. Ambos tienen un fondo y >> >> flotados >> >>>> a >> >>>>> la izquierda. En el caso del cuerpo tiene altura automatica y al >> >>>> contenedor >> >>>>> le asigno la propiedad overflow. Mi problema es, si pongo un fondo >> de >> >>>> color >> >>>>> al menu y al cuerpo,en el cuerpo va bien pero en el menu no >> encuentro >> >> la >> >>>>> manera para poder asignarle la misma altura del contenedor o de la >> capa >> >>>>> cuerpo. >> >>>>> >> >>>>> En este codigo el contenedor es id, id0 el menu y id1 el cuerpo. Le >> he >> >>>>> asignado una altura a id0 para poder mostrarlo por pantalla pero la >> >>>>> intencion es que tenga la misma altura que cuerpo o contenedor que >> en >> >>>> ambos >> >>>>> sera la misma. >> >>>>> >> >>>>> body { >> >>>>> background-color:#000; >> >>>>> } >> >>>>> #id { >> >>>>> width:400px; >> >>>>> overflow:auto; >> >>>>> border:1px solid #FF0; >> >>>>> } >> >>>>> #id0 { >> >>>>> float: left; >> >>>>> height:100px; >> >>>>> width:100px; >> >>>>> background-color:#FFF; >> >>>>> } >> >>>>> #id1{ >> >>>>> float:left; >> >>>>> height:300px; >> >>>>> width:300px; >> >>>>> background:#F00; >> >>>>> } >> >>>>> >> >>>>> Es posible lo que pido? Me comentaron que era tema de herencias >> pero he >> >>>>> buscado y no he encontrado nada aun al respecto. >> >>>>> Gracias >> >>>>> _______________________________________________ >> >>>>> Lista de distribución Ovillo >> >>>>> Para escribir a la lista, envia un correo a [email protected] >> >>>>> 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 [email protected] >> >>>> 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 [email protected] >> >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> >> http://lists.ovillo.org/mailman/listinfo/ovillo >> >> >> > >> > >> > >> > -- >> > Pablo Muñoz >> > Linux User 480519 >> > _______________________________________________ >> > Lista de distribución Ovillo >> > Para escribir a la lista, envia un correo a [email protected] >> > 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 [email protected] >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> > > > > -- > Pablo Muñoz > Linux User 480519 > -- Pablo Muñoz Linux User 480519 _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
