Forums » Customize

Flickr code causing scroll bars

fourcolourblack
UNITED KINGDOM
2009-09-24 20:20:27
Permalink Post
 

This isn't a problem with anthing particulary to do with Indexhibit, but more an issue with how the code that Flickr allows you to blog is causing scroll bars on my blog, which is inside an iFrame on my blog page.

So I'm fixed all scroll bars issues by adding this piece of code to my iFrame

–––

#iframed { max-height: 3200px; min-height: 1500px; overflow: hidden; }

–––

And this is how the Flickr code looks when inserted into my blog.

–––

< div style="text-align: left; padding: 4px;" >
< a href="{photo_url}" title="photo sharing" >
< img src="{photo_src}" style="border: solid 0px #000000;" alt="" />
< span style="font-size: 0.8em; margin-top: 0px;" >[[string:by2:{photo_title}:{uploader_name}]]
< /span>
{ description}=

–––

If you see my direct blog page there's no issue
http://fourcolourblack.blogspot.com/

But within the iFramed page scroll bars
www.fourcolourblack.com/blog

Any ideas? This seems so simple I just can't crack it.

thanks

Vaska A
UNITED STATES
2009-09-25 18:27:47
Permalink Post
 

I don't see any extra scrollbars...but I also don't see any Flickr stuff as well.

It's been fixed?

fourcolourblack
UNITED KINGDOM
2009-09-26 20:30:20
Permalink Post
 

My bad, I accidentally deleted the test post. Its back now.

www.fourcolourblack.com/blog

I messed around with the code (both flickr code and iFrame) for hours couldn't get to the bottom of it.

I even stripped the flickr code right down to
< img src="{photo_src}" style="border: solid 0px #000000;" alt="" />
and it still was causing whats there now, any ideas?

arsondpi A
GREECE
2009-09-26 21:12:21
Permalink Post
 

try adding this css rule into the iframe plugin:

  1. #content { margin: 0 0 0 200px; }

it may work it may not... having a max-width for content is not necessary in your case - ...I think.
Search the forum via google with keywords such as box model site:http://www.indexhibit.org/forum/ see what you can find (about applying margins and paddings appropriately...)

fourcolourblack
UNITED KINGDOM
2009-09-27 21:43:40
Permalink Post
 

Sorry, still a bit of a nube. Where do I put this code? I've already got a #content style. Am I just replacing it with that?

Although I know you said put it into it, do you mean apply these margins to the #iframed rule? Sorry, these might be stupid questions but I've figured everything out through trial and error and still don't fully grasp whats controlling what.

1. That code replacing the existing #content

2. The code somehow put into the #iframed

3. That code out into the flickr code

???

Very lost

Showing 1 - 5 of 5 posts in Forum > Customize > Flickr code causing scroll bars
 

You need to be logged in to post.