Jump to content

facebook div float won't work with chrome

Recommended Posts

Hi guys it's been forever I haven't touch code and I ended up with this situation.

I have no problem to display the page with IE and FF.


I have a div that contain embedded posts from a facebook page that should not exceed 500px by 500px and keep the left of the page. On the right there is an other div a little bit smaller that should float right but for some reason the facebook div seems to clear right only with chrome.


I've been trying to wrap it, force my other div, and find a hack but no success.

Since every attempt failed I went back to my original code.


Your help is appreciated, thx!


the address of the page is http://www.matpatnik.com/White-Spiders



/****************** #desc Style ******************/#desc{	float: right;	width:450px;	max-width:450px;	display:block;}#desc>.innerBox>.contentBox{	height: 484px;}


<div class="outerBox fb-page" data-href="https://www.facebook.com/WhiteSpiders"   data-width="500" data-height="500" data-small-header="true" data-adapt-container-width="true"   data-hide-cover="true" data-show-facepile="true" data-show-posts="true">    <div class="fb-xfbml-parse-ignore">      <blockquote cite="https://www.facebook.com/WhiteSpiders">        <a href="https://www.facebook.com/WhiteSpiders">WhiteSpiders</a>      </blockquote>    </div></div><div id="desc" class="outerBox"><div class="innerBox"><div class="contentBox">

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...