CSS bug in fancybox's core with the Title in 1.3.0 on small images with large titles

[Chris]

Hi there everyone

I notice that during the jump from 1.2.6 to 1.3.0, the HTML used to
display the title in Fancybox has changed from using <table> tags for
layouts to using <div>s and <span>s for layouts.

Now, I don't want to start off a discussion on using <table> tags for
layout, and I'm certainly not going to argue against the choice for
<div>s and <span>s for layouts.

I only wish to make the point that the new CSS in 1.3.0 now seems to
have a bug when you have a small image with a large title:

For example, the following title was displaying fine in 1.2.6, but is
now broken in 1.3.0
http://chris.commanga.com/fancybox.png

It doesn't seem to be a specific browser issue; it's broken in IE,
Firefox and Safari.

Now, I could think of a few hacks that I could implement to work
around the problem, but before I do, I was wondering if anyone else
here has noticed the issue and what they had done.

Is there a fix available that I can apply to Fancybox's core to fix
the issue, rather than trying to code a hack on my site?

Thank you for your help!

[Janis]

That`t not CSS related issue as itle container is now inside main
container (it`s was separated in 1.2.6). Therefore max width for title
is width of content.
This issue is on my to-do list.

Janis

On Feb 18, 12:37 pm, Chris <cjt...@gmail.com> wrote:
> Hi there everyone
>
> I notice that during the jump from 1.2.6 to 1.3.0, the HTML used to
> display the title in Fancybox has changed from using <table> tags for
> layouts to using <div>s and <span>s for layouts.
>
> Now, I don't want to start off a discussion on using <table> tags for
> layout, and I'm certainly not going to argue against the choice for
> <div>s and <span>s for layouts.
>
> I only wish to make the point that the new CSS in 1.3.0 now seems to
> have a bug when you have a small image with a large title:
>
> For example, the following title was displaying fine in 1.2.6, but is

> now broken in 1.3.0http://chris.commanga.com/fancybox.png

[Dominik]

I have this problem, too. When will a fix be available?

Dominik

[Jan Wilson]

Dominik wrote:
> I have this problem, too. When will a fix be available?

Have you tried Fancybox 1.3.1, the most current version?

http://fancybox.googlecode.com/files/jquery.fancybox-1.3.1.zip

If the most recent version isn't working, please post a link so we can
see the problem.

--
Jan Wilson

[nisav]

ive tried 1.3.1 and the problem persists
you can see a screenshot at http://www.stashmycomics.com/fb.jpg
left is IE8, right is FF3.6 on winXP

--
You received this message because you are subscribed to the Google Groups "fancybox" group.
To post to this group, send email to fanc...@googlegroups.com.
To unsubscribe from this group, send email to fancybox+u...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/fancybox?hl=en.

[JFK]

bear in mind that title outside is wrapped by static images and those
images won't scale in height when the title wraps in 2 or more lines
therefore what you see is perfectly normal
I would rather use titlePosition inside or over for long titles

On Apr 16, 8:58 am, nisav <igor.nikite...@fnfg.com> wrote:
> ive tried 1.3.1 and the problem persists

> you can see a screenshot athttp://www.stashmycomics.com/fb.jpg

[nisav]

i don't need it to scale in height, i need it to scale in width. the
wrapped text is not done by me, i'm sending just a plain string of
text with no line breaks. it looks like FB is limiting the width of
the title to be the same as the width of the image above it, instead
of adjusting the width so that the title would fit on one line.

[nisav]

i changed it to use titlePosition inside, which works fine for my
needs.