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)
http://jflowonline.com/facebok/index.php

Website within facebook (wapper is not centered) http://www.facebook.com/JFLOWMUSIC


Code

Html

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JADEN FOX - DOWNLOAD "AYO" ITUNES</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />

</head>

<body>

<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="http://itunes.apple.com/us/album/say-it-aint-so/id380106733" target="_blank" />
<area shape="rect" coords="371,580,432,657" href="http://twitter.com/jflowonline" target="_blank" />
<area shape="rect" coords="441,580,503,657" href="//www.youtube.com/jflowonline" target="_blank" />
</map>
</div>


<div id="video">
<?php if(strstr($_SERVER['HTTP_USER_AGENT'], 'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'], 'iPod')): ?>
<iframe width="432" height="244" src="//www.youtube.com/embed/C1JkbHnG998?rel=0" frameborder="0" allowfullscreen></iframe>
<?php else: ?>
<object width="432" height="243">
<param name="movie" value="//www.youtube.com/v/C1JkbHnG998?hl=en_US&amp;rel=0&amp;hd=1"></param>
<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
<embed src="//www.youtube.com/v/C1JkbHnG998?hl=en_US&amp;rel=0&amp;hd=1" type="application/x-shockwave-flash" width="432" height="243" allowscriptaccess="always"
allowfullscreen="true"></embed>
</object>
<?php endif; ?>
</div>
<div id="fbshare">
<iframe src="//www.facebook.com/plugins/like.php?href=facebook.com%2Fjflowmusic&amp;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>
</div>
</div>

</body>
</html>


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;
position:absolute;
}
#fbshare {
top: -3px;
left: 33px;
position:absolute;
}



Some body please help!!!! :(


Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2017 CreativeCOW.net All Rights Reserved
[TOP]