[Pro] Rendering Issue in Safari

The ‘GREAT FUTURES START HERE’ (English & Spanish) flash shows up exactly where it is supposed to be in Firefox and Chrome, but not in Safari (I am unable to view it in IE). The flash is located on this page:

http://www.bgcbr.org/

Do any of you have any ideas why it won’t render correctly in Safari? For what it’s worth, it renders the same way in Freeway’s Preview Mode as it does in Safari, so maybe all the other browsers are the one with the problem :slight_smile:

Seriously, why the huge discrepancy between Freeway/Safari and what appears to be every other browser? Thanks!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You have something in the Div id item25 that is pushing the Flash banner down (or an attribute).

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks for the response, David. Apparently, it is only an issue in Safari. I’ve been able to find out that it renders correctly in IE 8. Is there a fix?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Play about with item25 - there is something about it that WebKit browsers dont like.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If you can’t determine why it’s happening then you will need to use an
ugly CSS hack to fudge things. This is a last resort but there are all
kinds of examples online if you Google something like “CSS target
Webkit” or “CSS target Safari”. Try to determine the actual cause
first, if you can.

Todd


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’m not sure how to edit item25 other than dragging it up to another place (in the Page column). I dragged it up to the top of all the items and now it doesn’t show up at all in Safari, but apparently is still rendering correctly in all other browsers. If anybody has a different idea, I’m all ears. I don’t know anything about WebKit browsers.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It appears class “f-lp” which is attached to the

tag is a problem.
If you look in the source code you’ll see it under item25. I removed
it and everything looked fine in Safari.

Todd


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Disregard my last post. Still looking into it. My mistake.

Todd

On May 16, 2011, at 5:08 PM, Todd wrote:

It appears class “f-lp” which is attached to the

tag is a
problem. If you look in the source code you’ll see it under item25.
I removed it and everything looked fine in Safari.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Appreciate your effort Todd… the “f-lp” is a part of the flash code generated by BannerZest Pro.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

In the BannerZest script tag there’s a padding attribute “padding:
1em”. That is part of the problem it seems. With that removed it does
raise the the element but not quite to where it needs to be. There may
be other issues afoot though. Still looking…

Todd

On May 16, 2011, at 5:12 PM, Buck wrote:

Appreciate your effort Todd… the “f-lp” is a part of the flash
code generated by BannerZest Pro.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

OK, short of an ugly CSS hack which I mentioned, if you get rid of the
padding attribute in the script and change the “top” position from
78px to 62px it will sit where you want it. Of course it will be
slightly higher in FF but not so much that it would look out of place,
or even be noticeable to anyone but you.

Todd


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Example here, http://www.xiiro.com/demo/buck.html

Todd


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The f-lp tag comes from Freeway, and it means that’s the last line in a paragraph, so give a zero bottom margin.

Walter

On May 16, 2011, at 6:12 PM, “Buck” email@hidden wrote:

Appreciate your effort Todd… the “f-lp” is a part of the flash code generated by BannerZest Pro.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Walt, I don’t know how to give a zero bottom margin. Todd, changing the top position to 62 raised the image too far off of the top of the flash slideshow (I want it showing up right above it.) So. . . . for the time being, I’ve decided to “hide” it behind the slideshow in Safari so that it renders perfectly in practically every other browser. I’m still completely stymied on why only Safari (and Freeway?) seem to be tripping over this :frowning:

Thanks again for the suggestions.

  • Buck

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes, but did you remove the padding attribute from the script too?

Todd

On May 16, 2011, at 9:05 PM, Buck wrote:

Todd, changing the top position to 62 raised the image too far off
of the top of the flash slideshow (I want it showing up right above
it.)


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Walt, I don’t know how to give a zero bottom margin.

Select all the the content (text etc.) in that Div (triple click in the Div and Apple A) then Style>Space After = 0

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Todd: yes

Walt: Forgive me for being so dense, but I’m still not following you. Are you talking about editing the actual source code? If so, how do you do that in FW? I understand Style>Space After = 0, but I don’t know how to select all the content by triple clicking in the Div…


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

OOPS! That last post should have been in response to Dave.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sorry to confuse you, I was just trying to explain what the f-lp style does. You can’t apply it or remove it. Freeway adds it for you, and all it does is remove the bottom margin from the text it’s applied to. This way, if you have a background color on your text box, there isn’t a huge space below the text that you can’t get rid of.

Walter

On May 16, 2011, at 10:05 PM, “Buck” email@hidden wrote:

Walt, I don’t know how to give a zero bottom margin. Todd, changing the top position to 62 raised the image too far off of the top of the flash slideshow (I want it showing up right above it.) So. . . . for the time being, I’ve decided to “hide” it behind the slideshow in Safari so that it renders perfectly in practically every other browser. I’m still completely stymied on why only Safari (and Freeway?) seem to be tripping over this :frowning:

Thanks again for the suggestions.

  • Buck

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options