6 replies [Last post]
Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 46 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

This is not strictly a CSS problem, but I thought I would check in case someone knows the answer.

I was setting some 'acronym' tags ( should have been using 'abbr' but IE6 doesn't want to play ball!!) which in IE worked fine as IE neatly wrapped the text and expanded the box, all well and good; checking in Firefox I found that there seems to be a fixed length to the tooltip and no wrapping of text so it just cuts the text off.
The reason I'm now posting, just finished setting out a mail form and on checking the <textarea> box found that instead of wrapping the text Firefox just runs it of the edge into oblivion which is horrible. IE fine happily wraps text.

Have I missed something here, is it a bug? or is there a way of altering Firefoxes behaviour , I asumed there was nothing I could do to alter the tooltip box other than get into the user.chroma thingy or deeper but that is all client side and individual; the form textarea problem - if it is a bug- is not acceptable. Is it something else we can't use.

Anyone any clues

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 13 years 23 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

Firefox 0.8, tooltip boxes and text wrapping oddity

Hugo,
I'm unfamiliar with abbr and acronym- a quick search provided definitions, but I'm not sure what you're trying to accomplish here. How 'bout a code sample?

Edit- added the link this time, go figure

Diplomacy is the art of letting someone have your way

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 46 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Firefox 0.8, tooltip boxes and text wrapping oddity

Hi Knightwolfjk,

'abbr' 'acronym' are tags designed to allow you to add further textual description to abbriviations such as W3C and acronyms as in N.A.T.O
using 'acronym' underlines the letters with a dashed line and when hovered over the cursor changes to help and pops up a tooltip description box with the text of your choice I believe they are meant to help in accessability, audio readers etc.

The problem lies not with them but with the results in Firefox which seems to have an inability to line break text ( text wrap) in a box, i.e tooltip or a textarea within a form element .

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 13 years 23 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

Firefox 0.8, tooltip boxes and text wrapping oddity

Well, I threw together a test page and confirmed: Firefox 0.8 truncates long ABBR and ACRONYM tags. Some extensive googling returned zero solutions. I did, however, find a nice trick for forcing IE6 to support ABBR.

I know, it doesn't help the actual problem... good luck.

Diplomacy is the art of letting someone have your way

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 46 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Firefox 0.8, tooltip boxes and text wrapping oddity

yes one answer is to start wrapping the thing in spans and stuff but once again we arrive at bloated code and wasted time I will just use the acronyme tag 'incorectly' !! can't be doing with more daft problems because a browser overlooked another spec (why does this happen?)

The other problem was the form text box, it just looks like you've been sloppy having provided an area to write in ( much like this window we write our posts in) but then have the text all on one line running off the edge- just thought using Firefox now and this text area wraps happily!!
Anyway thanks for your input knightwolfjk,

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Sirrob01
Offline
newbie
Last seen: 16 years 8 weeks ago
Joined: 2004-09-27
Posts: 3
Points: 0

Firefox 0.8, tooltip boxes and text wrapping oddity

Hugo
I had the same problem, the link below has code that seems to work both in IE and firefox.

http://www.madaboutstyle.com/tooltip2.html

Gluck
S01

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 46 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Firefox 0.8, tooltip boxes and text wrapping oddity

Sirrob01, thanks for the input it's a good explanation for creating tooltips, I have actualy used that technique before and it's very useful. The problem was more to do with the actual hard coded box that appears with the use of "abbr" that displays your string text, in FF it appears to have a max character length whereas IE will display any amount of text adding line breaks to keep it from scrolling of the screen, but there appears to be no solution although I havn't tested to see if the same happens in v0.9 and v1.0 FF .

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me