Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] Aling iframe no funciona...

Estas en el tema de Aling iframe no funciona... en el foro de HTML en Foros del Web. Hola muy buenas... a ver si me podeis ayudar... tengo una web y un iframe con el formulario, pero no consigo centrarlo para distintas resoluones..... ...
  #1 (permalink)  
Antiguo 01/06/2013, 15:22
 
Fecha de Ingreso: mayo-2004
Mensajes: 9
Antigüedad: 18 años, 2 meses
Puntos: 0
Aling iframe no funciona...

Hola muy buenas... a ver si me podeis ayudar...
tengo una web y un iframe con el formulario, pero no consigo centrarlo para distintas resoluones..... aunque la web si este... he probado con div style=text.aling:center y nada... no se que hacer ya... os copio el codigo a ver que tengo mal.... mil gracias de antemano

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"><head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700|Archivo+Narro w:400,700" rel="stylesheet" type="text/css">
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="slider/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/slider/themes/light/light.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slider/dark/dark.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slider/bar/bar.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slider/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slider/style.css" type="text/css" media="screen" />
<script type="text/javascript" src="slider/scripts/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="slider/jquery.nivo.slider.js"></script>


<link href="default_ie6.css" rel="stylesheet" type="text/css" />
<script>
$(document).ready (function() {
$('#slider').nivoSlider({ pauseTime:5000, pauseOnHover:false });
setTimeout(function(){
$('#slider').nivoSlider({ pauseTime:5000, pauseOnHover:false });
}, 2);
setTimeout(function(){
$('#slider').nivoSlider({
pauseTime:1000,
pauseOnHover:false,
controlNavThumbs:true
});
}, 2000);
setTimeout(function(){
$('#slider').nivoSlider({
effect:'boxRainGrowReverse',
animSpeed:1500,
pauseTime:5000,
startSlide:2,
directionNav:false,
controlNav:true,
keyboardNav:false,
pauseOnHover:false
});
}, 3000);
});
</script>

<style type="text/css">
#wrapper #banner #three-column .tbox3 .box-style.box-style03 .content h2 {
}
.content h2 {
text-align: center;
}
.box-style.box-style03 .content p {
text-align: center;
}
.box-style.box-style03 .content h2 {
font-family: "Courier New", Courier, monospace;
}
#header-wrapper #header #menu ul li a {
font-family: "Courier New", Courier, monospace;
font-size: 16px;
}
#wrapper #banner #three-column .tbox3 .box-style.box-style03 .content dl dl dt {
text-align: left;
}
#wrapper #banner #three-column .tbox3 .box-style.box-style03 .content dl dl dt {
text-align: center;
}
#wrapper #banner #three-column .tbox1 .box-style.box-style01 .content p {
text-align: center;
}
#wrapper #banner #three-column .tbox1 .box-style.box-style01 .content p {
font-family: "Courier New", Courier, monospace;
}
#wrapper #banner #three-column .tbox2 .box-style.box-style02 .content p {
text-align: center;
}
#wrapper #banner #three-column .tbox2 .box-style.box-style02 .content p {
}
#wrapper #banner #three-column .tbox3 .box-style.box-style03 .content p {
font-family: "Courier New", Courier, monospace;
}
#wrapper #banner #three-column .tbox1 .box-style.box-style01 .content h2 {
font-family: "Courier New", Courier, monospace;
}
.iaa {
color: #F09;
font-family: "Courier New", Courier, monospace;
}
#wrapper #banner #three-column .tbox2 .box-style.box-style02 .content p {
font-family: "Courier New", Courier, monospace;
}
.iiaa {
color: #F09;
}
.iaa {
color: #F09;
font-family: "Courier New", Courier, monospace;
}
</style>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="header-wrapper">
<div id="header">
<div id="logo"><img src="images/banner soulcan-01.jpg" alt="" width="1000" height="306" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="849,138,880,184" href="https://es-es.facebook.com/SoulCan.TerapiaConPerros" target="_blank" alt="" />
<area shape="circle" coords="206,206,178" href="index.html" target="_parent" alt="" />
<area shape="rect" coords="884,139,919,184" href="https://twitter.com/SoulCanTerapia" target="_blank" alt="" />
</map></div>
<div id="menu">
<ul>
<li><a href="que es soulcan.html" title="" target="_parent" accesskey="1">¿Qué es soulcan?</a></li>
<li><a href="servicios.html" title="" target="_parent" accesskey="3">Servicios</a></li>
<li><a href="proyectos.html" title="" target="_parent" accesskey="4">Proyectos</a></li>
<li><a href="formacion.html" title="" target="_parent" accesskey="4">Formación</a></li>
<li><a href="galeria.html" title="" target="_parent" accesskey="5">Galería</a></li>
<li class="current_page_item"><a href="contacto.html" title="" target="_parent" accesskey="5">Contacto</a></li>
</ul>
</div>
</div>
</div>
<div id="wrapper">
<div id="wrapper2">
<div id="wrapper3">
<div id="wrapper4">
<p>&nbsp;</p>
<p>
<div align="center"> <iframe id="localscene" name="localscene" src="http://www.soulcan.es/web anterior/contenidos/contacto.php" frameborder="auto" framespacing="auto" scrolling="auto" border="0" style="position:absolute; left:24px; top:446px; width:963px; height:733px; z-index:5">
<div align="center">Sorry, your browser doens't support iframe. Please upgrade your browsers</iframe>

</div>
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p align="center">&nbsp;</p>
</div>
</div>
</div>
</div>
<div id="footer">
<table width="967" border="0">
<tr>
<th height="44" colspan="5" scope="col"><p><img src="images/pajarito.png" alt="" width="639" height="76" align="left" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p></th>
</tr>
<tr>
<th width="199" scope="col"><a class="twitter-timeline" data-dnt="true" href="https://twitter.com/SoulCanTerapia" data-widget-id="337379771719757824">Tweets por @SoulCanTerapia</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementB yId(id)){js=d.createElement(s);js.id=id;js.src=p+" ://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}} (document,"script","twitter-wjs");</script>
&nbsp;</th>

<td width="22"></th>

<th width="226" scope="col"><p>&nbsp;</p> <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F SoulCan.TerapiaConPerros&amp;width=200&amp;height= 258&amp;show_faces=true&amp;colorscheme=light&amp; stream=false&amp;show_border=true&amp;header=false " scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:258px;" allowTransparency="true"></iframe></th>

<th width="230" scope="col"><p><em><img src="images/hola.png" alt="" width="232" height="308" align="baseline" /></em></p></th>
<th width="268" scope="col"><p><img src="images/bocadillo-foto.jpg" alt="" width="277" height="262" /></p></th>
</tr>
<tr>
<th height="104" colspan="5" scope="col"><p><img src="images/linea.jpg" alt="" width="951" height="13" /></p>
<p><img src="images/copyright.png" alt="" width="222" height="39" align="right" /></p>
<p>&nbsp;</p></th>
</tr>
</table>
</div>

</body>

</html>
  #2 (permalink)  
Antiguo 01/06/2013, 16:17
Avatar de herzbazi  
Fecha de Ingreso: febrero-2012
Mensajes: 612
Antigüedad: 10 años, 5 meses
Puntos: 36
Respuesta: Aling iframe no funciona...

<div align="center"> <iframe id="localscene" name="localscene" src="http://www.soulcan.es/web anterior/contenidos/contacto.php" frameborder="auto" framespacing="auto" scrolling="auto" border="0" style="position:absolute; left:24px; top:446px; width:963px; height:733px; z-index:5">
<div align="center">Sorry, your browser doens't support iframe. Please upgrade your browsers</iframe>
</div>


lo que esta marcado con azul borralo y pon

style="position:relative; left:24px; top:446px; width:963px; height:733px; z-index:5; margin:0 auto;"

lo unico que cambie fue su valor en position de absolute a relative y le agregue un margin:0 auto;

espero te sirve y si te funciona recuerda sumarme
__________________
Enseña todo lo que sepas...
Aprende todo lo que puedas..
  #3 (permalink)  
Antiguo 01/06/2013, 16:30
 
Fecha de Ingreso: mayo-2004
Mensajes: 9
Antigüedad: 18 años, 2 meses
Puntos: 0
Respuesta: Aling iframe no funciona...

nada... no va...
http://www.soulcan.es/contacto.html
no se porque macho.... en el pie de pagina tengo otro para facebook en una tabla y no hay problemas... con ctrl+ + o ctrl+ - puedes ver como se queda al lado izquierdo...
  #4 (permalink)  
Antiguo 01/06/2013, 16:45
Avatar de herzbazi  
Fecha de Ingreso: febrero-2012
Mensajes: 612
Antigüedad: 10 años, 5 meses
Puntos: 36
Respuesta: Aling iframe no funciona...

aver que es lo que quieres?

centrar el iframe de forma horizontal o vertical

aver otra quita el el div que tiene el aling= center

deja solo el iframe


a mi no me pasa eso
simpre queda centrado
__________________
Enseña todo lo que sepas...
Aprende todo lo que puedas..

Última edición por herzbazi; 01/06/2013 a las 16:47 Razón: agregar contenido
  #5 (permalink)  
Antiguo 01/06/2013, 17:02
 
Fecha de Ingreso: mayo-2004
Mensajes: 9
Antigüedad: 18 años, 2 meses
Puntos: 0
Respuesta: Aling iframe no funciona...

horizontal claro, ya esta, con quitar la etiqueta que me has dicho ya esta en el centro.... pero ahora me deja espacios arriba y abajo.... y no puedo eliminar esos espacios con dreamweaver... que raro, miralo http://www.soulcan.es/contacto.html
  #6 (permalink)  
Antiguo 01/06/2013, 17:20
Avatar de herzbazi  
Fecha de Ingreso: febrero-2012
Mensajes: 612
Antigüedad: 10 años, 5 meses
Puntos: 36
Respuesta: Aling iframe no funciona...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"><head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700|Archivo+Narro w:400,700" rel="stylesheet" type="text/css">
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="slider/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/slider/themes/light/light.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slider/dark/dark.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slider/bar/bar.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slider/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slider/style.css" type="text/css" media="screen" />
<script type="text/javascript" src="slider/scripts/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="slider/jquery.nivo.slider.js"></script>


<link href="default_ie6.css" rel="stylesheet" type="text/css" />
<script>
$(document).ready (function() {
$('#slider').nivoSlider({ pauseTime:5000, pauseOnHover:false });
setTimeout(function(){
$('#slider').nivoSlider({ pauseTime:5000, pauseOnHover:false });
}, 2);
setTimeout(function(){
$('#slider').nivoSlider({
pauseTime:1000,
pauseOnHover:false,
controlNavThumbs:true
});
}, 2000);
setTimeout(function(){
$('#slider').nivoSlider({
effect:'boxRainGrowReverse',
animSpeed:1500,
pauseTime:5000,
startSlide:2,
directionNav:false,
controlNav:true,
keyboardNav:false,
pauseOnHover:false
});
}, 3000);
});
</script>

<style type="text/css">
#wrapper #banner #three-column .tbox3 .box-style.box-style03 .content h2 {
}
.content h2 {
text-align: center;
}
.box-style.box-style03 .content p {
text-align: center;
}
.box-style.box-style03 .content h2 {
font-family: "Courier New", Courier, monospace;
}
#header-wrapper #header #menu ul li a {
font-family: "Courier New", Courier, monospace;
font-size: 16px;
}
#wrapper #banner #three-column .tbox3 .box-style.box-style03 .content dl dl dt {
text-align: left;
}
#wrapper #banner #three-column .tbox3 .box-style.box-style03 .content dl dl dt {
text-align: center;
}
#wrapper #banner #three-column .tbox1 .box-style.box-style01 .content p {
text-align: center;
}
#wrapper #banner #three-column .tbox1 .box-style.box-style01 .content p {
font-family: "Courier New", Courier, monospace;
}
#wrapper #banner #three-column .tbox2 .box-style.box-style02 .content p {
text-align: center;
}
#wrapper #banner #three-column .tbox2 .box-style.box-style02 .content p {
}
#wrapper #banner #three-column .tbox3 .box-style.box-style03 .content p {
font-family: "Courier New", Courier, monospace;
}
#wrapper #banner #three-column .tbox1 .box-style.box-style01 .content h2 {
font-family: "Courier New", Courier, monospace;
}
.iaa {
color: #F09;
font-family: "Courier New", Courier, monospace;
}
#wrapper #banner #three-column .tbox2 .box-style.box-style02 .content p {
font-family: "Courier New", Courier, monospace;
}
.iiaa {
color: #F09;
}
.iaa {
color: #F09;
font-family: "Courier New", Courier, monospace;
}
</style>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="header-wrapper">
<div id="header">
<div id="logo"><img src="images/banner soulcan-01.jpg" alt="" width="1000" height="306" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="849,138,880,184" href="https://es-es.facebook.com/SoulCan.TerapiaConPerros" target="_blank" alt="" />
<area shape="circle" coords="206,206,178" href="index.html" target="_parent" alt="" />
<area shape="rect" coords="884,139,919,184" href="https://twitter.com/SoulCanTerapia" target="_blank" alt="" />
</map></div>
<div id="menu">
<ul>
<li><a href="que es soulcan.html" title="" target="_parent" accesskey="1">¿Qué es soulcan?</a></li>
<li><a href="servicios.html" title="" target="_parent" accesskey="3">Servicios</a></li>
<li><a href="proyectos.html" title="" target="_parent" accesskey="4">Proyectos</a></li>
<li><a href="formacion.html" title="" target="_parent" accesskey="4">Formación</a></li>
<li><a href="galeria.html" title="" target="_parent" accesskey="5">Galería</a></li>
<li class="current_page_item"><a href="contacto.html" title="" target="_parent" accesskey="5">Contacto</a></li>
</ul>
</div>
</div>
</div>
<div id="wrapper">
<div id="wrapper2">
<div id="wrapper3">
<div id="wrapper4">
<p>&nbsp;</p>
<p>
<div align="center"> <iframe id="localscene" name="localscene" src="http://www.soulcan.es/web anterior/contenidos/contacto.php" frameborder="auto" framespacing="auto" scrolling="auto" border="0" style="position:absolute; left:24px; top:446px; width:963px; height:733px; z-index:5">
<div align="center">Sorry, your browser doens't support iframe. Please upgrade your browsers</iframe>
</div>
</p>

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p align="center">&nbsp;</p>

</div>
</div>
</div>
</div>
<div id="footer">
<table width="967" border="0">
<tr>
<th height="44" colspan="5" scope="col"><p><img src="images/pajarito.png" alt="" width="639" height="76" align="left" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p></th>
</tr>
<tr>
<th width="199" scope="col"><a class="twitter-timeline" data-dnt="true" href="https://twitter.com/SoulCanTerapia" data-widget-id="337379771719757824">Tweets por @SoulCanTerapia</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementB yId(id)){js=d.createElement(s);js.id=id;js.src=p+" ://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}} (document,"script","twitter-wjs");</script>
&nbsp;</th>

<td width="22"></th>

<th width="226" scope="col"><p>&nbsp;</p> <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F SoulCan.TerapiaConPerros&amp;width=200&amp;height= 258&amp;show_faces=true&amp;colorscheme=light&amp; stream=false&amp;show_border=true&amp;header=false " scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:258px;" allowTransparency="true"></iframe></th>

<th width="230" scope="col"><p><em><img src="images/hola.png" alt="" width="232" height="308" align="baseline" /></em></p></th>
<th width="268" scope="col"><p><img src="images/bocadillo-foto.jpg" alt="" width="277" height="262" /></p></th>
</tr>
<tr>
<th height="104" colspan="5" scope="col"><p><img src="images/linea.jpg" alt="" width="951" height="13" /></p>
<p><img src="images/copyright.png" alt="" width="222" height="39" align="right" /></p>
<p>&nbsp;</p></th>
</tr>
</table>
</div>

</body>

</html>
lo marcado con azul borralo y pon

<iframe id="localscene" name="localscene" src="http://www.soulcan.es/web anterior/contenidos/contacto.php" frameborder="auto" framespacing="auto" scrolling="auto" border="0" style="position:relative; left:24px; top:446px; width:963px; height:733px; z-index:5; margin:0 auto;">
<div align="center">Sorry, your browser doens't support iframe. Please upgrade your browsers</iframe>

prueba ahi y me dices
__________________
Enseña todo lo que sepas...
Aprende todo lo que puedas..
  #7 (permalink)  
Antiguo 01/06/2013, 17:25
 
Fecha de Ingreso: mayo-2004
Mensajes: 9
Antigüedad: 18 años, 2 meses
Puntos: 0
Respuesta: Aling iframe no funciona...

joer macho te voy a marear... pero mira lo que pasa... http://www.soulcan.es/contacto.html
  #8 (permalink)  
Antiguo 01/06/2013, 17:36
Avatar de herzbazi  
Fecha de Ingreso: febrero-2012
Mensajes: 612
Antigüedad: 10 años, 5 meses
Puntos: 36
Respuesta: Aling iframe no funciona...

ok
en el
iframe
tiene un top
ponlo en 0
__________________
Enseña todo lo que sepas...
Aprende todo lo que puedas..
  #9 (permalink)  
Antiguo 01/06/2013, 17:42
 
Fecha de Ingreso: mayo-2004
Mensajes: 9
Antigüedad: 18 años, 2 meses
Puntos: 0
Respuesta: Aling iframe no funciona...

perrrrrrfetttt mil gracias tio, un crack!!!!!!! ahora voy a ver si reparo otra coseja que he fastidiado antes jjjjjjjj gracias
  #10 (permalink)  
Antiguo 01/06/2013, 17:44
Avatar de herzbazi  
Fecha de Ingreso: febrero-2012
Mensajes: 612
Antigüedad: 10 años, 5 meses
Puntos: 36
Respuesta: Aling iframe no funciona...

ok sumame un puntillo tonces jajaaja


si quieres te puedo ayudar
tengo algo de time
__________________
Enseña todo lo que sepas...
Aprende todo lo que puedas..
  #11 (permalink)  
Antiguo 01/06/2013, 17:47
 
Fecha de Ingreso: mayo-2004
Mensajes: 9
Antigüedad: 18 años, 2 meses
Puntos: 0
Respuesta: Aling iframe no funciona...

ya ta, un saludo!!!
  #12 (permalink)  
Antiguo 01/06/2013, 17:50
Avatar de herzbazi  
Fecha de Ingreso: febrero-2012
Mensajes: 612
Antigüedad: 10 años, 5 meses
Puntos: 36
Respuesta: Aling iframe no funciona...

ok estare en mi privado por si quieres apoyo

te recomiendo que el footer no este tan separado del iframe

quita el padding-top
y pon un margin-top:-140px;

aunque podrias hacerlo sinvalores negativos
__________________
Enseña todo lo que sepas...
Aprende todo lo que puedas..

Etiquetas: css, formulario, iframe, javascript, link
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 09:09.