elementos dentro de un div se ven fuera

[alguienmas]

Hola a todos, aunque he solucionado varios problemas que he tenido gracias a Ud. y su foro es primera vez que nesecito hacerles una pregunta.
Les explico tengo un DIV que se debe reducir su tamaño y esto lo hace, pero cuando lo hace los elementos que quedan fuera (asea los que ya no caben) se siguen mostrando pero fuera del DIV, bueno mejor les dejo la pagina:

www_rockdrilling_cl/cotizaciones/ ---->(cambien los _ por . )

Bueno la idea es que solo se vea los elementos que que quepan dentro de del nuevo tamaño del div.

Espero haber sido claro en mi explicacion, saludos.

[kseso?]

Bienvenido a FdW, alguienmas.
Lo siento, pero en el enlace que pones sólo salen dos imput tipo radio dentro de un recuadro negro, nada sobresale de él, ni de los div ocultos que se muestran al seleccionar una opción.
Al menos en ff
Un saludo

[alguienmas]

Iniciado por kseso?

Bienvenido a FdW, alguienmas.
Lo siento, pero en el enlace que pones sólo salen dos imput tipo radio dentro de un recuadro negro, nada sobresale de él, ni de los div ocultos que se muestran al seleccionar una opción.
Al menos en ff
Un saludo

Hola, gracias por la respuesta kseso. Bueno creo que no fue muy buena mi explicacion , te explico como funciona el primer div debes seleccionar una opcion con lo que aparece el segundo div, a este le das en "ok" y aparecera un tercer div a la vez que el segundo reduce su tamaño (lo puedes notar por el borde del div), bueno esto es lo que me causa problemas ya que reduce su tamaño pero aun se ven los elementos de este.

Ha otra cosa es que esto esta probado en ff, pues desarrollo para ff y parcho para ie.

Nuevamente gracias y saludos

[kseso?]

Iniciado por alguienmas

Ha otra cosa es que esto esta probado en ff, pues desarrollo para ff y parcho para ie.

Creo, no me hagas mucho caso, que te pueden afectar los scripts.
Pero si de momento sólamente estás trabajando con ff, puedes solucionarlo añadiendo:

div#empresa {
width:25%;
height:auto!important;
left:23%;
}

Al menos en local ya no "sobresalen" los contenidos.

Un saludo

[alguienmas]

mmmm, no me sirvio.... creo que ocultares los label y los input del div, dejando solo los primeros. Bueno esto me sirve de parche ya que no puedo perder mas tiempo en algo tan simple.

Lo otro, no es que use ff por recomendacion, sino mas bien por las herramientas que tiene para el desarrollo como firebug o los validadores de css y xhtml, bueno supongo que cada cual tiene sus razones para usar un browser.

Igualmente agradesco tu esfuerzo por ayudarme, saludos y nuevamente gracias

[kseso?]

Hola alguienmas
Pues yo veo que añadiendo "auto!important" al height de div#empresa (como te decía en el #4) tanto en local como con firebug en red consigo que:
al pulsar el OK de #empresa, el borde inferior de éste ya no suba y así no quedan fuera los labels e imputs, a la vez que se vuelven todos los elementos contenidos en él de un color gris muy suave y me muestra las siguientes opciones en color negro.

¿no era eso lo que pretendías?

[alguienmas]

Iniciado por kseso?

Hola alguienmas
Pues yo veo que añadiendo "auto!important" al height de div#empresa (como te decía en el #4) tanto en local como con firebug en red consigo que:
al pulsar el OK de #empresa, el borde inferior de éste ya no suba y así no quedan fuera los labels e imputs, a la vez que se vuelven todos los elementos contenidos en él de un color gris muy suave y me muestra las siguientes opciones en color negro.

¿no era eso lo que pretendías?

bueno creo que soy pesimo explicando era lo contrario deseo que se redusca el DIV #empresa, pero que no aparescan los elementos que esten por fuera del tamaño del div .
Lo otro firebug te lo deja fijo por que trabaja con una copia del archivo css, pues al ponerlo en archivo mismo no resulta, ya que en el boton "ok" ejecuto un script que modifica la prodiedad "height" de la regla div#empresa, fijate que "ok" llama a showTrabajo() y esta funcion en su ultima linea tiene reducir().

archivo: javascript.js
showTrabajo() ----> linea 11
reducir() --------> linea 59

las demas funciones estan en apoyo.js que basicamente me acorta el llamado getElementById por getId, y las funciones para modificar las css dinamicamente.

Pero en fin no te compliques pues como comente anteriormente dejare los elementos invisibles a excepcion de los primeros, para mostrar un efecto similar al que buscaba.

Nuevamente saludos y gracias por tu tiempo.

[kseso?]

Andamos a la par, yo en entendimiento.

Bueno, pues si es lo contrario, añade al famoso div#empresa {overflow:hidden;}

[alguienmas]

Eso era lo que nesecitaba muchas gracias por tu tiempo y la dedicacion por el tema, lo malo.... es que tendre que eliminar el parche que habia hecho para salvar esto, pero bueno es mejor hacer las cosas bien.

Saludos de un agradecido.