Is this theme incompatablie with IE7?

clearlygold · #1 Apr 1, 2009, 08:51 AM

Hi all,

I love the the theme, and am using it for my site.

One huge problem though. In IE7, the layout styling doesn't appear!

So instead of a white background, my posts are showing up against a gray background thats supposed to be the background for the page, not the center layout.

See what I mean here: www.clearlygold.com.

FF, Chromium, Opera, and Safari all show white layout. But IE doesn't.

Can anyone help here?

Flynn · #2 Apr 1, 2009, 10:20 AM

You have tables and various other things in the <head>...</head> section of your site. I am surprised that the browsers (incl. IE) still deal pretty well with that. Did you manually insert that code or through the theme options?

At HTML/CSS Inserts -> HTML Inserts: Header is says "Add code here (JavaScript, HTML, CSS) that you want to put into the header section of the website, between <head> and </head>."

The "(Javascript, HTML, CSS)" part might be misleading. It's supposed to mean things you can put into a head section such as meta tags (which is also HTML) but not the kind of HTML you'd put into the body, such as <div> containers, tables, etc..
I'll make that clearer in the next version.

Basically anything that is supposed to be visible in the browser shouldn't be put into the HTML Inserts: Header section.

You can put this kind of visible HTML into HTML Inserts: Body Top and HTML Inserts: Body Bottom

Or did you do that and the theme is doing something wrong?

There's also a link tag that is not closed, it's also in the head section:

<td width="256"><a href="http://www.clearlygold.com"<img src="http://cl

should be

<td width="256"><a href="http://www.clearlygold.com"><img src="http://cl

clearlygold · #3 Apr 1, 2009, 12:41 PM

Whoops. Hehe.

Very very newbie here. This is my first two weeks of html.

Thanks for the input. I am going through the validator for all the broken tags and such.

I did put the top part of my page in the "header" html insert through the theme. I figured the header should go in the header.

When I put it in the body top, there's a huge gap between the top and bottom parts, but I can probably change the margins I suppose.

And yes, every browser except for IE7 has been able to handle this. : )

clearlygold · #4 Apr 1, 2009, 12:45 PM

Still can't get rid of the gap between the top and middle of my page when I stick the code in the "body-top"

Any way to change that?

Flynn · #5 Apr 1, 2009, 07:17 PM

That's caused by this

<td width="341" height="19" bgcolor="#4b4848" ></td></tr></table></div>>
<div id="wrapper">

clearlygold · #6 Apr 2, 2009, 06:53 AM

Wow thanks so much

I thought all tags needed to be "closed" by having two angle brackets.

Need to start reading that html book....