Ok, I'm having a problem with my coding in general with this issue. I use cmsms for most of my builds, and have over the years solved most of my cross-browser problems... this one is killing me, and i can't find any documaentation on the web, so i thought i'd put it out to this great community :)
See http://www.sundridgehouse.co.uk/index.php for instance - i pick this one particularly, as it's almost ready for handover, and the client is a mac user (as am I, but FF all the way) and likely to be a safari user.
The line-heights are exactly as set (18px I think) and as desired in FF and IE , but check it in Safari and the linespacing is almost tripled, making the site look terrible.
I may just be looking in the wrong places, but any help here greatly appreciated, as this is a problem on most of my sites.
Rich
[solved] Line-height issue in safari/chrome
[solved] Line-height issue in safari/chrome
Last edited by laits on Thu Dec 03, 2009 9:55 am, edited 1 time in total.
Re: Line-height issue in safari/chrome
Your google analytics needs to be on the bottom of the template just above the , I get errors saying it can't find some css file...
Re: Line-height issue in safari/chrome
Thanks for that advice,
I have now changed the position of the analytics in the templates. I think the error refering to missing css was actually a link i was using locally when initially building the site. This has now been removed.
I also think upon looking again, that it's actually to do with the way that Safari a chrome are interpreting the class, the line heights are actually the same, It's the spacing between paragraphs that seem to have massive gaps appearing.
Rich
I have now changed the position of the analytics in the templates. I think the error refering to missing css was actually a link i was using locally when initially building the site. This has now been removed.
I also think upon looking again, that it's actually to do with the way that Safari a chrome are interpreting the class, the line heights are actually the same, It's the spacing between paragraphs that seem to have massive gaps appearing.
Rich
Re: Line-height issue in safari/chrome [SOLVED]
Well this was a page one error really!
I always, check to see that my xhtml validates properly, but must say, don't always do the same for my css, Dr Css's post prompted me to just validate my CSS, yes I found a couple of spurious errors, they were nothing to do with my problem. But I guess Safari and chrome really are sensitive to any sort of errors in the CSS whatsoever.
Its no wonder I couldn't find anyone else with my problem.
Checked the validator, corrected all errors and warnings, voila!!
I always, check to see that my xhtml validates properly, but must say, don't always do the same for my css, Dr Css's post prompted me to just validate my CSS, yes I found a couple of spurious errors, they were nothing to do with my problem. But I guess Safari and chrome really are sensitive to any sort of errors in the CSS whatsoever.
Its no wonder I couldn't find anyone else with my problem.
Checked the validator, corrected all errors and warnings, voila!!


