Foros del Web - Ver Mensaje Individual

emprear · #10 (**permalink**) 11/03/2012, 23:01

supongo que el color se lo queres dar a la capa.
En ese caso, podés hacer esto

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>iframe abajo centrado</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
html, body {
padding: 0;
margin: 0;
}
 
div#contiene_iframe {
width: 100%;
height: 200px;
text-align: center;
background-color: #ccc;
position: fixed;
bottom: 0;
left: 0;
padding: 0;
margin: 0;
}
 
iframe {
width: 500px;
height: 198px;
border: solid 1px #000;
}
/*]]>*/
</style>
</head>
<body>
<div id="contiene_iframe">
<iframe src="about:blank" frameborder="0" scrolling="no"></iframe>
</div>
</body>
</html>

Si no queres la capa al 100% de ancho, usas lo del ancho y margen negativo como en el ejemplo previo. el borde al iframe se lo dí para que se pueda visualizar.
notá que al usar la capa para posicionar, el iframe ya no necesita

Código CSS:

Ver originalposition: absolute;
bottom: 50px;
left: 50%;
margin: 0 0 0 -150px;

Los cambios los puse en la demo del post anterior
Saludos