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
_______________________________________________
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
