Foros del Web » Creando para Internet » CSS »

Mi iframe se va hacia abajo en css!

Estas en el tema de Mi iframe se va hacia abajo en css! en el foro de CSS en Foros del Web. Lo primero saludar a todo el mundo que lea el mensaje y lo segundo la explicacion : Les cuento, estoy creando mi pagina en 3 ...
  #1 (permalink)  
Antiguo 07/12/2007, 04:41
Avatar de juanitTo  
Fecha de Ingreso: enero-2007
Mensajes: 406
Antigüedad: 10 años, 10 meses
Puntos: 5
Pregunta Mi iframe se va hacia abajo en css!

Lo primero saludar a todo el mundo que lea el mensaje y lo segundo la explicacion :

Les cuento, estoy creando mi pagina en 3 resoluciones diferentes, tengo la 2 de ellaas completas, y en la 3º que es de 800x600 tengo un problemilla, mi pagina esta dividida en cuerpo cabezera y pie, el la cabezera hay una imagen y 3 links debajo y en el pie un contador invisible, el problema esta en el cuerpo, hay 2 tabas y un iframe en medio, las dos tablas estan bien sutuadas, pero el iframe se va debajo de las tablas, como lo soluciono, la pagina es http://galeon.com/zona-hacker/videoshm3.html, gracias
  #2 (permalink)  
Antiguo 07/12/2007, 04:54
 
Fecha de Ingreso: diciembre-2007
Mensajes: 4
Antigüedad: 10 años
Puntos: 0
Re: Mi iframe se va hacia abajo en css!

Hola.
Tienes un poco liados los estilos.
Te cuento como creo que te funcionaría bien:

Ahora tienes estas capas
<div id="cuerpo"></div> (Esta la usas para el menú de la derecha)
<div id="lateral"></div> (Esta la usas para el menú de la izquierda)
<div id="cuerpo"></div> (Esta la usas para el iframe central)

¿Por qué no lo haces mejor así?
<div id="izquierda"></div> (Esta la usas para el menú de la izquierda)
<div id="centro"></div> (Esta la usas para el iframe central)
<div id="derecha"></div> (Esta la usas para el menú de la derecha)

En todas ellas les pones el estilo:
float:left;

Espero que esto te ayude.
  #3 (permalink)  
Antiguo 07/12/2007, 05:11
Avatar de juanitTo  
Fecha de Ingreso: enero-2007
Mensajes: 406
Antigüedad: 10 años, 10 meses
Puntos: 5
Re: Mi iframe se va hacia abajo en css!

En realidad no, el ccs es:

<style type="text/css">
body { font-family: Comic Sans;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 8pt;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
text-align: center;
background-color: rgb(0, 0, 0);
CURSOR: url(http://abba-gdl.iespana.es/Cursores/cursor5.ani);
}

#contenedor { margin: auto;
text-align: left;
width: 100%;
}

#cabecera { background-image url (http://www.uploadfilesystem.com//arc...kHX02806.jpg);
color: rgb(51, 51, 0);
font-size: 12pt;
font-weight: bold;
}

#cuerpo { }

#lateral { border: 2px solid rgb(0, 255, 0);
width: 12%;
font-family: Comic Sans;
text-align: center;
background-image url(http://www.uploadfilesystem.com//arc...kHX02806.jpg);
float: left;
margin-top: 15px;
}

#lateral a { border-top: 1px solid rgb(0, 255, 0);
text-decoration: none;
color: rgb(0,0,182);
font-size: 16px;
display: block;
width: 100%;
}

#lateral a:hover { background-color: rgb(0, 232, 0);
}

#principal { background-image url(http://www.uploadfilesystem.com//arc...kHX02806.jpg);
width: 100%;
}

#otrolado { border: 2px solid rgb(0, 255, 0);
width: 12%;
font-family: Comic Sans;
text-align: center;
background-image url(http://www.uploadfilesystem.com//arc...kHX02806.jpg);
float: right;
margin-top: 15px;
}

#otrolado a { border-top: 1px solid rgb(0, 255, 0);
text-decoration: none;
color: rgb(0,0,182);
font-size: 16px;
display: block;
width: 100%;
}

#otrolado a:hover { background-color: rgb(0, 232, 0);
}
#pie {
background-image url(http://www.uploadfilesystem.com//arc...kHX02806.jpg);
text-align: right;
clear: both;
}

#derecha { margin-bottom: 0pt;
float: left;
width: 70%;
margin-left: 40px;
margin-top: 0pt;
}


</style>

El iframe esta metido en el div derecha, y dentro del div derecha esta el div principal y dentro del div principal el codigo del iframe, la tabla izquierda esta en el div lateral, y la de la derecha esta en el div cuerpo, y dentro de este div esta el div otrolado aqui esta ya la tabla.
  #4 (permalink)  
Antiguo 07/12/2007, 08:32
Avatar de juanitTo  
Fecha de Ingreso: enero-2007
Mensajes: 406
Antigüedad: 10 años, 10 meses
Puntos: 5
De acuerdo Re: Mi iframe se va hacia abajo en css!

Ya lo e solucionado, cambiando el tamaño del iframe y del div, y situando el div en el centro en vez de a la izquierda, a sido bastante simple la verdad
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:31.