Jump to content

facebook div float won't work with chrome


Matpatnik

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

 

css:

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

html:

<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">
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...