BibBase javascript effects layout of my website

Keith Larson 4 years ago 0

OK, I have managed to get the javascript working on my Squarespace page. For example,


where the SquareSpace code block contains the following:

<script src="//bibbase.org/show?bib=http%3A%2F%2Fbibbase.org%2Fzotero%2Fcirc-publications&msg=embed&jsonp=1&filter=authors:Karlsson"></script>

The downside is that now when I use javascript, it effects the layout of my page. The text below the researchers photo is supposed to be to the right of the photo. See the example of another researcher where I used the iframe instead,


where the SquareSpace code block contains the following:

<iframe src="//bibbase.org/show?bib=https%3A%2F%2Fapi.zotero.org%2Fusers%2F3761868%2Fcollections%2FRJHJS3J9%2Fitems%3Fkey%3DRbgo2GAbiMqJLA2Jxfwyk1Ex%26format%3Dbibtex%26limit%3D100" width="100%" height="480" scrolling="yes" frameborder="yes"></iframe>

A couple of other notes. This is the SquareSpace Bedford template which is a "responsive" design. When I view these pages on a laptop or larger screen the text to the right of the researchers photo moves below it in the former case using the bibbase javascript option.