Problema 2 scroll vertical al cargar pagina en un div con load data

pegasus6464 · 19 Sep 2013

tengo un problema que no comprendo

He vinculado una pagina en un div de un foro.html con

<div class="inside">
<object type="text/html" data="
style="width:100%; height:100%; margin:0%">
</object></div>

La url es:

En este foro.html he puesto el estilo .inside

<style>
.inside{
margin: 0 auto;
width:100%;
height:1200px;
overflow:hidden; !Important

}
@media only screen and (min-width: 760px) and (max-width: 959px) {
.inside{
height:1200px;
}}
@media only screen and (min-width: 459px) and (max-width: 760px) {
.inside{
height:1200px;
}}
@media only screen and (max-width: 459px) {
.inside{
height:1200px;
}}
</style>

Me salen 2 barras verticales que no consigo,

UnderD · 19 Sep 2013

esto "overflow:hidden; !Important" debería estar así "overflow:hidden !important;"

pegasus6464 · 19 Sep 2013

gracias UnderD nada lo probe y tampoco, eso lo puse yo despues a ver si se quitaba jejej

Lo que no entiendo es pq si pinchas en politica por ejemplo ya sale sin la barra.

lobogris · 19 Sep 2013

Tendrás que darle el overflow: hidden al object y no al div que lo contiene

CristianD · 19 Sep 2013

Definitivamente le subiría el height, a 1400.
Y estas poniendo inline height 100% y luego definis un estilo con un valor absoluto en px.
Prevalece el inline (100%)

Haria lo siguiente:
1) Cambiar

<div class="inside">
<object type="text/html" data="http://www.tuguiaencastellon.es/videoteca/"
style="width:100%; height:100%; margin:0%">
</object></div>

Por

<div class="inside">
<object type="text/html" data="http://www.tuguiaencastellon.es/videoteca/"
style="width:100%; height: 1400px; margin:0%">
</object></div>

Ademas modifica a 1400px en el embedded.

pegasus6464 · 19 Sep 2013

<div class="inside">
<object type="text/html" data="http://www.tuguiaencastellon.es/foro/"
style="width:100%; height:100%; overflow:hidden; margin:0%">
</object></div>

Vaya tampoco ni con esas jo

lobogris · 19 Sep 2013

pegasus6464 dijo:
<div class="inside">
<object type="text/html" data="http://www.tuguiaencastellon.es/foro/"
style="width:100%; height:100%; overflow:hidden; margin:0%">
</object></div>

Vaya tampoco ni con esas jo

Vamos a ver, algo mal estás haciendo, lo primero evita siempre que puedas establecer estilos inline, mira:
Edit this Fiddle - jsFiddle

pegasus6464 · 19 Sep 2013

gracias lobogris es un cristo si la verdad , te mando un mp muchas gracias

CristianD · 19 Sep 2013

Probaste poniendo el height en 1400?

lobogris · 19 Sep 2013

CristianD dijo:
Probaste poniendo el height en 1400?

Eso no influye, le puedes poner 14mil si quieres, que si el largo del contenido es mayor el scroll seguirá saliendo, a lo que tiene que definir el scroll es al object, lo que no entiendo es para que le quiere ocultar el scroll si así no va a mostrar todo el contenido

BlogNivel · 20 Sep 2013

pegasus6464 dijo:
tengo un problema que no comprendo

He vinculado una pagina en un div de un foro.html con

<div class="inside">
<object type="text/html" data="http://www.tuguiaencastellon.es/videoteca/"
style="width:100%; height:100%; margin:0%">
</object></div>

La url es:

TGC | Tu Guía en Castellón

En este foro.html he puesto el estilo .inside

<style>
.inside{
margin: 0 auto;
width:100%;
height:1200px;
overflow:hidden; !Important

}
@media only screen and (min-width: 760px) and (max-width: 959px) {
.inside{
height:1200px;
}}
@media only screen and (min-width: 459px) and (max-width: 760px) {
.inside{
height:1200px;
}}
@media only screen and (max-width: 459px) {
.inside{
height:1200px;
}}
</style>

Me salen 2 barras verticales que no consigo,

Pon esto y me dices como te fue
height: 112%;

lobogris · 20 Sep 2013

BlogNivel dijo:
Pon esto y me dices como te fue
height: 112%;

Los iframes no aceptan porcentajes, no lo sabía :dale2:, al final se lo fijé con jQuery

Problema 2 scroll vertical al cargar pagina en un div con load data

Comparte esta página