I redesigned my client's blog at http://eleatta.blogspot.com/ and it looks great in Firefox and Chrome, but the header graphic disappears in IE. I'm wondering if it's because IE can't handle shorthand CSS, but before I could test that theory my IE browser suddenly lost the ability to connect to ANY page and I'm wondering now if I'm going to have to reinstall it. But if anyone could take a look at the code and give me a second opinion I'd be grateful. The graphic in question is linked in the #header ID container in the CSS.

Also, in the footer, I keep trying to insert a copyright symbol before the client's name and it keeps getting eaten (happening in all browsers). I've never seen that one before. Any ideas? I'm using the code ©

__________________
~Jean B.
The Task Wrangler

I am not a code person, so I probably wont have any useful information in that dept but, when I was working on my site and a clients site, if I made changes in firefox, IE wouldnt see them all or it would rearrange things so I decided I would do all of my changes using IE. That worked much better.

__________________
www.sageva.com
Shelley Halpain,

Thanks, Shelley. That's what I'm doing now (my IE is finally working again), but so far it's not making a difference.

The short hand theory doesn't hold up because this div ID is constructed the same way as all the others, but it's just this one that doesn't show up. I tried inserting a blank paragraph into the div, thinking maybe IE just didn't want to display an empty div, but that didn't work either. I'm stumped.

__________________
~Jean B.
The Task Wrangler

First of all, what version of IE are you working with? I'm using 8 and the 2nd & 3rd header pictures are not showing in that.

I noticed that there's a javascript running immediately your <header> code. What's that for? Have you tried removing it to see if it's interfering with the page code?

Most of the time when I have an issue in IE it's because of a script in a place IE doesn't like. FIrefox is very tolerant of scripts, but IE can be very wonky about them.

__________________
Jodith Allen
Administrative Arts

You have two </style> ending tags. <style type="text/css">#navbar-iframe { display:block }
</style>

And then:

#footer-wrapper a:hover {
color:#499d23;
background:#010b52;
}

--></style>

I would remove the first </style> tag.

Also, unless you want all the info commented out between the <!-- and -->, you should remove the comments.
<style id='page-skin-1' type='text/css'><!--

And then...

#footer-wrapper a:hover {
color:#499d23;
background:#010b52;
}

--></style>

Whether you want those areas commented out (not used) or not, the first </style> tag needs to be removed.

This might be of some help, too with errors: http://tinyurl.com/W3C-Validator

Hope that helps a bit.

__________________
Jules, SunRise Virtual Solutions - WordPress Customization & XHTML/CSS Web Sites

@Jodith and @Jules - Thanks for your help. The crazy thing is that none of those things show up in the Blogger HTML editor (even with widgets expanded).

And, heh, after combing through the validator and squinting really hard at the CSS, it turned out to be something as simple as not leaving a space between the image URL's closing parenthesis and no-repeat. GAH! At least I figured it out, finally. Not going to bill the client for my own stupidity.

__________________
~Jean B.
The Task Wrangler

Oh cool, glad the validator helped! It looks great in IE for me now. Yay!

Another cool site that I use quite frequently is: http://browsershots.org/ You can choose what browsers you want to test a website in to see how it appears in them i.e. how compatible they are with the different browsers and versions of browsers.

IE is one of the most confounding browsers around for web designers. I use a few hacks to get around some of the "wonkiness" not related to coding "oops's," which is a real pain in the behind. I wish MS would wake up and get it right and be compliant with current standards. Oy - off my soapbox now.

__________________
Jules, SunRise Virtual Solutions - WordPress Customization & XHTML/CSS Web Sites

Also, there's a Firefox add-on that I use, to allow you to render your page in IE so you can see what it will look like in IE without having to actually use IE.

And Jules... I couldn't agree with you more about MS getting up to speed with current standards!

__________________
Jonna
JP Virtual Solutions