I've tried with all I can to customize to look good in IE, especially IE6 and IE7 but does not work, I looking for help/ponters, especially on part of spray category and menu bar.
thanks in advance for your help.
I'm not quite sure what you are asking, but I'm guessing you have problems that your site isn't displayed correctly in IE.
Your first steps to correct this are:
A) Remove the XML prolog (<?xml version="1.0" encoding="UTF-8"?>) from the beginning of you source code, because this puts IE6 in quirks mode.
B) Validate your page. It has several HTML errors: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fscreenshield.co.nz%2F
Related
The blog or 'thoughts' page of this preliminary wordpress site seems to awkwardly display on top of each other when viewed on firefox.
Can anybody tell me of some general error that I might be making? If it is a more particular error then don't worry about it, I will find out on my own, I was just wondering if there was some general error that I was unaware of.
www.joeldraws.com
Thanks!
Your markup has some errors with the way you are using dl, dd and dt tags for the gallery. Fix those and see if Firefox displays better. Older versions of Firefox will be more problematic than newer versions.
See [Invalid] Markup Validation of joeldraws.com - W3C Markup Validator. Scroll down in the validation report to see line numbers and source code. Start fixing the code errors and revalidate.
I am using the plugin WP Cufon on my Wordpress website, however, the font is not displaying in Firefox. Chrome and Safari are working fine. Can't seem to figure out what the issue is. Looking at the source, it is loading everything, just not displaying...
http://gonuttzo.com
Any help would be soooo appreciated! This is driving me batty.
Thanks in advance!
Cufón doesn’t work in Firefox, but works in other browsers
Cause
This issue is almost certainly caused by an empty stylesheet () in your HTML, which causes Cufón’s CSS load detection to fail. This has been happening in recent versions of Firefox only, and seems to occur a lot with purchased WordPress templates. Note that this snippet will cause your browser to load and use your front page as a stylesheet. It’s pretty much the same as href="/". Extra slowness for zero gain.
Solution
Search your HTML for empty stylesheets. Note that the markup on your site may differ from the example, but searching for href="" might save you some trouble. Also, make sure to use the actual HTML (e.g. View Source in your browser) while doing this, if you only go through your template files the issue might be very difficult to spot as the empty href can be masked by, for example, a variable that has an empty value or a function call that returns an empty value.
I am new to HTML 5 and I recently created a page that has an issue. I grouped my navi links together with a tag and it works great. The problem is that none of the other links on the page work at all. This may be an obvious fix but I have been struggling for hours. I can provide code but its 400 lines and I thought someone may have an idea.
Thanks for all your help
-Tom
For starters make sure your markup is valid. A good way to start is using the W3C Validator. If that is valid do the same with the JavaScript using JS Hint or JS Lint. And don't forget to check the developer console in Chrome or FireFox as it might show errors as well.
I came up with a strange problem. I am building this site: www.bellated.us.lt and after using search (let's say - http://www.bellated.us.lt/?s=nonews) all the custom typography (like font-faces and google webkits) disappear. This is only in firefox. Actually no idea where to start to look for the problem. Any ideas on this issue will be appreciated.
Regards,
Probably it is because of invalid HTML. You have two opening tag and no closing .
First correct the tags then check if it is still showing incorrectly in firefox.
I've a problem which is most likely some ugly CSS mistake, but I just can't spot the solution (and a few changes I tried did not help).
Some of in-text hyperlinks (not all!) are shown by Internet Explorer without the following space.
here is the example
See the link WatchBot just below the Rationale title (and a few similar links deeper in the article). Firefox, Opera, Chrome, Konqueror - all display it properly: WatchBot can. IE (6.0 but IIRC also 7.0) displays it as **WatchBot***can*.
I am using Yui-reset and yui-base. Is it possible that those libraries cause the problem?
Do you have a script running on, and altering, the content in any way? I say this because the page loads normally initially, but looks as though it undergos some modification later in the loading lifecycle.
If you think reset or base are making this happen try removing them one at a time - I haven't had any experience of this error before however (I usually use the full whack: Reset, Grids, Base and Fonts).
What I did notice however is that the first WatchBot link of the page is simply this:
<p>Have you ever been curious how is
WatchBot
picking the games to observe and save? Here is the explanation.</p>
Where as the second link looks like this:
<span>Due to the FICS limitations </span>
WatchBot<span> can
I have no idea what that second span is doing there - might be something to check up on. (It validated fine however - so there's definitely an closing span somewhere).
I'd say a good place to start would be to but a space after the anchor but before the span, rather than right after the span start tag.
Current state of the things: as steve_c spotted first, and buti-oxa confirmed, it looks like the layout is being spoiled by javascript (and as Ross noted, some extra spans are injected). Thank you all, I missed it.
I am to make experiments and selectively disable those scripts (analytics and google ads) to check whether it helps (my current bet is that maybe I have some HTML error or naming conflict)
Did you try to disable pageTracker? It seems to be the only script on your page, and it looks fine to me in its static form.
EDIT: I wondered what span Ross was talking about - I did not see any. I viewed the source. I just learned that Firefox allows to see both source and generated source (Toos/Web Developer/View Source). Sure enough, generated source has additional span inserted.
Solution: my page was spoiled by the text-link-ads script (which, in fact I activated on English blog by mistake - this is script by adkontekst.wp.pl, Polish firm). After disabling it everything is OK.
Thanks for everybody who pointed me into the right direction.