/    Sign up×
Community /Pin to ProfileBookmark

Safari CSS text weirdness…

Copy linkTweet thisAlerts:
Aug 14.2009

Hi All…

I’m a Flash Designer and i’m just building my 1st full CSS layout. When testing the homepage in Firefox and Opera, the CSS works perfectly, in IE and Chrome there are a couple of simple differences that I can manage…

My problem is that Safari displays 1 section of the page so weirdly that I haven’t been able to workout what’s causing the strangeness ?

Can you guys please take a brief look here: [URL=”http://www.opaqueweb.com/behlensadow/”]http://www.opaqueweb.com/behlensadow/[/URL]

Look at the “Translation Pairs” box on the left hand side. This section is perfect in all other browsers, but Safari makes the text look like the bottom half is being torn away from the top half. It displays slightly different every time – click refresh – rollover the links in the box and they display properly – click refresh and they screw-up again.

Please, can anyone can help me get on with my life ??

Jim

to post a comment
CSS

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@Andyram2kAug 16.2009 — Hi Jimbrowski,

I've tested this page in Safari, and all seems fine after a few refreshes. Do you have a screenshot of the error you're getting please?
Copy linkTweet thisAlerts:
@JimbrowskiauthorAug 16.2009 — Thanks for taking a look... this is what Safari does to the "Translation Pairs" box on the left hand side...

Safari does this on both Win and Mac versions... any ideas ??

[upl-file uuid=13963564-bc96-4d4a-8428-27a95016f866 size=28kB]safari_madness.png[/upl-file]
Copy linkTweet thisAlerts:
@Andyram2kAug 16.2009 — Hi jimbrowski,

This will be to do with the nested spans. I have to go out for a bit, but will look later, if someone else hasnt answered before me. Hope this helps.
Copy linkTweet thisAlerts:
@JimbrowskiauthorAug 18.2009 — Cheers for your help there... the problem was in those spans somewhere !!

I took out the nested spans but the strangeness was still happening. I restuctured the whole section and it's working now (i think ?

My best guess would be that Safari was not happy with nested spans sitting next to 2 floated images, all 3 contained within an Anchor displaying as a block level element ??

It's all a lot cleaner now... thanks again ?

Jim
Copy linkTweet thisAlerts:
@Andyram2kAug 19.2009 — No probs, glad i could be of some help, but well done for sorting it ?
×

Success!

Help @Jimbrowski spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.21,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...