For Firefox (10.0.2) just take off the 'float:left' off the 'uBlogsy_tag_cloud li' style class - it's unecessary, due to the inline-blockiness, and bad way to do it anyway.
In IE I don't really see the problem (not with IE9, and not in compatibility mode) - but I do see that a tag can be wrapped, therefore heightening it, and having is use up a second line, resulting in pushing all below it a line further down. I proactively do not support IE though, so I'm afraid I'm not prepared to waste time on that.
Hi Grant, removed the float left which fixes it for Firefox and maintains appearance for Chrome and Safari - great!
Unfortunately it's made IE even worse now with the tags simple appearing as a big list. I'm not a supporter of IE either but unfortunately over 75% of our visitors use it so have to ensure site is fully compatible for them. May have to keep float:left; in unless I can find a hack around it
Thanks Grant, thats the 'best' compromise to meet all browsers, the 2nd tag "Air Cabin Crew" is a bit frustating as it seems a lot of wasted space there but at least when you hover over a tag the hyperlink does carry over onto a 2nd line if needed.
Tags not displaying correctly
Hi,
I'm having a strange issue with the display of tags on my blog. My blog can be accessed at http://www.ystrad-mynach.ac.uk/news-and-events/news/
When viewed in IE and FF, the tags are disjointed, when viewed in Chrome and Safari the tags all display correctly.
Has anybody else experienced this and would anyone know of a possible solution - guessing it may be a css issue
It's a css issue.
Go to line 189 of the css file
Change this:
Hi Anthony,
Made that change but hasnt solved issue - deleted cookies/temp internet files etc to double check. FF and IE still not displaying correctly.
What about the code featured between lines 176-181 - noticed some elements there have display:block still included?
Thanks
Matt
For Firefox (10.0.2) just take off the 'float:left' off the 'uBlogsy_tag_cloud li' style class - it's unecessary, due to the inline-blockiness, and bad way to do it anyway.
In IE I don't really see the problem (not with IE9, and not in compatibility mode) - but I do see that a tag can be wrapped, therefore heightening it, and having is use up a second line, resulting in pushing all below it a line further down. I proactively do not support IE though, so I'm afraid I'm not prepared to waste time on that.
Hi Grant, removed the float left which fixes it for Firefox and maintains appearance for Chrome and Safari - great!
Unfortunately it's made IE even worse now with the tags simple appearing as a big list. I'm not a supporter of IE either but unfortunately over 75% of our visitors use it so have to ensure site is fully compatible for them. May have to keep float:left; in unless I can find a hack around it
Hmmmkay, as much as I hate it... which version of IE? (:
I'm using IE (9.0.8) just ran a test via IETester for previous IE versions and they all display correctly so looks as if only IE9 is being unhelpful.
Right, far from perfect but if you use 'display:inline', without the blockiness, you at least get something similar in all three browsers.
This does have its little caveats, but see how it is for you.
Thanks Grant, thats the 'best' compromise to meet all browsers, the 2nd tag "Air Cabin Crew" is a bit frustating as it seems a lot of wasted space there but at least when you hover over a tag the hyperlink does carry over onto a 2nd line if needed.
Cheers, for your help
Any time, ...glad I could help. (:
Ah yeah I didnt remove the float... I was copying and pasting from firebug... doh!
is working on a reply...