I’ve been working on this site for my Church for some time, and testing it to get it just right. Everything seemed OK, until I got the wild hair to check M$ie on the MAC. Issues… lots of ‘em.
CSS seems to be playing well in MAC FF, WIN FF, and WIN ie… however, none of the background images display correctly in ie for MAC, so… I’m open for suggestions. Frankly, I was a little shocked that there was such a significant display difference when it was playing well in everything else that I checked. <head scratch>
Here’s a couple screen shots to gander at… #1 is the issue
This one doesn’t retain my columns, displaces the footer, displaces some of the right side elements, removes my navigation list at the left & removes nearly all of the graphics for the background.
Gotta love FireFox… good ol’ compliant tastiness.
I have a separate issue in WIN ie, which is a minor glitch in displaying an image at the bottom of the page. I reserved myself to not worrying about it since the lack of the image doesn’t really take away from the site aesthetics.
I’ve also never checked that. Sounds like death on a stick.
I will mention you’ve got some invalid CSS though… which will probably won’t do anyway to make it work in that browser, but you never know.
I’ve cured the CSS invalidation… I nearly screamed when I pulled up the page, after validating it before, and found that it was chocked full of issues. New(er) and tastier version is up now.
Turns out, the issues were simple errors on my part, except that I had added a Google Map link which contained some stuff that invalidated my code. W3C doesn’t like the ampersand, = sign or the word "state" found in the link.
Anyone have any suggestions on how to add a Google Map link that will not invalidate the CSS?
I’m still getting the same bunch of css errors
If you fix the remotenav problems you might find it solves some of your ie6 issues. You can write them out something like this:
As regards the Google Map link you can replace the ampersands with & To the best of my knowledge there is no problem with the = sign, my guess is that the validator was referring to what comes before or after. Having said that, if the rest of the page validates then don’t sweat it. If it works in all browsers it’s good. ;)
OK… so I pulled a lame & only validated my code, not my css.
Thanks for the input Apostrophe… good stuff, and the css rewrite was very helpful. I need to learn how to trim a little better so that I can create slimmer css.
The remote nav issue is resolved, and now instead of 11 css errors, I’m showing only 3. I’ll jump on those a little later.
It looks like I’m going to do a rework of my images to remove alpha. At this point, it looks easier to do this than to embed a gif along with a png. I don’t want to bloat my code or have additional load due to images when I can just redo some of the work.
So, I’ll rework my css to remove some of the divs which will no longer be necessary, and I’ll redo my images in jpg rather than png. I’m getting there… slowly, but surely.
Create, exasperate, accommodate… gotta love Bill G’s idea of compliance. ;)
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".