Re: FN-FORUM: client breaks site - help needed!

date posted 29th January 2007 21:57


From: "Chris Hill" [EMAIL REMOVED]
> A client has been editing their own site (how dare they) but has made a
> bit of a mistake somewhere and messed things up somewhat.
>
> www.follettmotors.com/vwaudiblog/
>
> in FF its fine, in IE the font size gets bigger and bigger until it
> fills the screen. I've checked the CSS and I dont think thats at fault,
> I think its a missing tag (oh for a missing tag detection tool!!).
>
> can anyone spot anything i'm overlooking? its wordpress so its a jungle
> of code...
>
> any help appreciated.

1. The page is UTF-8 encoded and based on a Wordpress template. However,
the pages contain non-UTF-8 characters. As a general rule of thumb, Firefox
and other browsers tend not to break but degrade gracefully whilst IE does
all sorts of strange things. Fix non-UTF-8 characters.

2. Because of 1. the W3C validator will not work.

3. You may find it useful to get the Firefox Web Developers Toolkit and
Firebug. You can see what's going on from there.

4. In the CSS, neither your nor tags set page font size to
100% (preferred is 100.01%) to kick start page text rendering as the browser
standard font size. The tag sets to 80%. 80% of what? The user's
settings of course. So different browser's will see font-size according to a
rendering of client browser settings. Better to set CSS html, body {100.01%)
to set cross-browser settings to one standard.

Only spent moments on this but the foregoing points may be your starter.

HTH...

Mike A.