Mi iframe se va hacia abajo en css!

[juanitTo]

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

[vestar]

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.

[juanitTo]

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.

[juanitTo]

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