FORUMS: list search recent posts

Website in IFrame on Facebook wont position!!

COW Forums : Web Design

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
jay Toss
Website in IFrame on Facebook wont position!!
on Oct 27, 2011 at 10:29:16 pm

Hello im helping out a client and i really need help!

the website is all centered perfectly but when i put the website in facebook using iframe the "wrapper" doesn't position?

just website (centerd)

Website within facebook (wapper is not centered)



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />



<div id="wrapper" border="0">
<div id="fblike">
<img src="images/fbsitetwotv.png" width="510" height="700" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="293,112,487,186" href="" target="_blank" />
<area shape="rect" coords="371,580,432,657" href="" target="_blank" />
<area shape="rect" coords="441,580,503,657" href="//" target="_blank" />

<div id="video">
<?php if(strstr($_SERVER['HTTP_USER_AGENT'], 'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'], 'iPod')): ?>
<iframe width="432" height="244" src="//" frameborder="0" allowfullscreen></iframe>
<?php else: ?>
<object width="432" height="243">
<param name="movie" value="//;rel=0&amp;hd=1"></param>
<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
<embed src="//;rel=0&amp;hd=1" type="application/x-shockwave-flash" width="432" height="243" allowscriptaccess="always"
<?php endif; ?>
<div id="fbshare">
<iframe src="//;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=tahoma&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>


body {
color: #FFFFFF;
background: #ffffff url(images/facebok.jpg) no-repeat top center;
overflow: hidden;
#wrapper {
width: 544px;
height: 392px;
margin-right: auto;
margin-left: auto;
position: relative;
#video {
top: 195px;
left: 55px;
position: absolute;

#fblike {
top: -5px;
left: 16px;
#fbshare {
top: -3px;
left: 33px;

Some body please help!!!! :(

Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2018 All Rights Reserved