Wordpress Themes - WP Forum at BFA - Is this theme incompatablie with IE7?

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)

- - Is this theme incompatablie with IE7? (http://forum.bytesforall.com/showthread.php?t=1045)

Is this theme incompatablie with IE7?

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?

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

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. : )

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?

That's caused by this

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

Wow thanks so much :)

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

Need to start reading that html book....