[solved] Line-height issue in safari/chrome

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
laits
Forum Members
Forum Members
Posts: 50
Joined: Thu Sep 04, 2008 11:21 pm

[solved] Line-height issue in safari/chrome

Post by laits »

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
Last edited by laits on Thu Dec 03, 2009 9:55 am, edited 1 time in total.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Line-height issue in safari/chrome

Post by Dr.CSS »

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...
laits
Forum Members
Forum Members
Posts: 50
Joined: Thu Sep 04, 2008 11:21 pm

Re: Line-height issue in safari/chrome

Post by laits »

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
laits
Forum Members
Forum Members
Posts: 50
Joined: Thu Sep 04, 2008 11:21 pm

Re: Line-height issue in safari/chrome [SOLVED]

Post by laits »

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!! 
Post Reply

Return to “Layout and Design (CSS & HTML)”