Website help.. IE7 text..

Chandler_90 · 16 Oct 2009 at 17:40

Hi,

I've recently updated my work website.

In firefox and opera it works correctly and all the text is as intended.. however IE7 appears to not recognise the fontface or font settings.

www.crane-express.com

How can I work around this?

Stylesheet (Which needs cleaned up a bit lol) is @ www.crane-express.com/style.css

Anyone got any tips?
Also.. what do you think of the site, anyways i could improve it?

Tripnologist · 16 Oct 2009 at 19:56

<p2>, <p4>, etc don't exist.

Use <p> tags, and use them correctly. Each paragraph should be in its own p tag.

As for the fonts themselves, they look the same to me in IE7 and FF. (other than spacing issues more than likely caused by your invalid tags)

You're also incorrectly using line height. Padding should be used to create padding, not line-height. If your text goes across two lines it will the 200% in between lines you have set in spots for instance. Use a p tag with padding-bottom. Can also use margin-bottom instead but I find it causes problems sometimes in certain browsers.

Chandler_90 · 16 Oct 2009 at 21:46

Thanks, I appreciate the honest criticism.

The reason for the multiple P tags is that i was simply testing different things and I am going to go through and remove all the invalid entries and generally tidy things up.

I will look at the way I've used line height and will convert this to regular line height plus padding

Still confused about the fonts.. might just be the machine I was viewing it on.. also need to test in Chrome, Safari and IE6.. however I do know I need to include a few more things in the stylesheet to get IE6 to render certain elements correctly..

philjohn · 16 Oct 2009 at 22:20

I'd get rid of the google analytics logo on the bottom, it really serves no purpose but to clutter the footer.

Mattus · 17 Oct 2009 at 01:55

Font looks the same in IE7, IE8 and Fx3.5 to me. But the spacing does need sorting out, and I'd also get rid of the Google logo as I don't really see the purpose of it.

Additionally, some of the copy on the front page is a bit awkward. For example:

Recent years have witnessed the company’s ability to seek out the trend in crane refurbishment and to endorse their product.

That sentence doesn't make sense to me.

Chandler_90 · 17 Oct 2009 at 09:58

Cool.. the Google logo acts as a hyperlink on each page.. I was under the impression that this would aid SEO due to linking to a decent site on each page..

The front page text was taken from the company profile we have here.. so I will revise it.

I'm gonna work on the spacing this afternoon after work, I tested it on Chrome, IE8 and Safari last night and it seemed fine.. I just need to sort out a few things to get it to fit comfortably on a res of 1024x758 without the need for scrolling down. The spacing may aid that tho.

I'm glad I put this up here tbh.. as this will allow me to make it a better site. Thanks guys

Chandler_90 · 17 Oct 2009 at 09:58

Also did someone send a blank email through lol..

GravyMonster · 17 Oct 2009 at 11:13

Chandler_90 said:
I was under the impression that this would aid SEO due to linking to a decent site on each page.

It works if someone links to you, not by you linking somewhere else

Chandler_90 · 17 Oct 2009 at 12:04

Oh and if any of u guys had the misfortune to check my personal website.. I'm working on it lol.

Edit.. will remove the google link. Might replace it tho with a link to something more in connection with the business, such as a Lifting regulations board.

suarve · 17 Oct 2009 at 13:52

Chandler_90 said:
Cool.. the Google logo acts as a hyperlink on each page.. I was under the impression that this would aid SEO due to linking to a decent site on each page..

..and even if that was the case, there's totally no relevance at all your site to having a link to web analytics software.

You also have a few validation errors - http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0 - you have a few p2 tags, missing image alt and uncliosed tag somewhere.

If you're being oicky, you also have a a few css validations errors and warning: http://jigsaw.w3.org/css-validator/...rofile=css21&usermedium=all&warning=1&lang=en

Chandler_90 · 17 Oct 2009 at 13:55

I'm working through them atm.. removing and generally tidying up

The reason I linked is I am using it on the backend to monitor traffic.. I'm going to remove it.. but I'm not sure if I should add anything in its place..

Chandler_90 · 17 Oct 2009 at 16:11

I've just been through the whole site.

I've solved the spacing issue by correctly using <p> tags with padding-bottom set.

Every page is now xhtml compliant and the CSS has also been certified (with 17 errors tho

).

For the person send emails about form validation.. I am going to look into it

Does it now render correctly for everyone?