corrijo la  linea de Jquery. $( ".menu" ).css( "height", $( ".noticias"
).height() )

El 27 de noviembre de 2011 13:15, Pablo Muñoz <pjm...@gmail.com> 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 <cha...@gmail.com>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" <pjm...@gmail.com> 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 <cha...@gmail.com>
>> 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 <cha...@gmail.com>
>> >> 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 <pjm...@gmail.com>
>> >> escribió:
>> >>>
>> >>> Hola!
>> >>>> Oye!  Mejor coloca tu html aqui tambien para entender mejor tu
>> >>>> explicacion y poder darte una respuesta acertada!
>> >>>>
>> >>>> Carlos Nuñez <cha...@gmail.com> 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 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
>> >>
>> >
>> >
>> >
>> > --
>> > Pablo Muñoz
>> > Linux User 480519
>> > _______________________________________________
>> > 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
>>
>
>
>
> --
> 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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Reply via email to