Hello,

I am on a tight schedule and cannot seem to find the bug in my code that is causing my site to complete shift in IE. The site works just fine in Firefox, Safari and Opera.

Can someone take a look and give me some pointers?

Much appreciated.

site:
http://test.polenimplement.com/

Thanks!

I don't have a lot of time to go over this whole site, but instantly I can see several mistakes in the nav bar. For one, you never closed the <div id="navbar">

The ul and li nesting is incorrect. I see one open ul and two /ul.

Also, according to the validation, you have used the id "border" more than once.

My suggestions are:

1. Use a text editor such as notepad++. It will highlight opening and closing div info so you can see where or if you have the properly closed divs, etc.

2. When closing a div I like to put comments on which div I am closing. For eg </div><!-- end container --> It can save time when checking for errors.

3. I can see your on a "tight deadline" as mentioned, but sometimes working "slower" will result in ending quicker.

Hope this helps, good luck.

The problem lies in the huge right and left padding you have added to the #maincontent section. IE6 has big problems with very tight layouts, and is choking on all that padding. That method is not the best way to achieve that layout. Float #maincontent as well, but avoid margins going in the same direction as the float (another IE6 bug!).

Thanks for the help.

racer x, I closed the navbar and nested lists are correct. Still the same problem...


LadynRed, I floated the maincontent and got read of the margins. Now the same problem is happening in Firefox...not sure what to do now.

You're going to have to change the source order of your floated columns. Put the 2 left floated columns first, then the right-floated column last.

sorry. i can't seem to make it work. i've moved all the elements. now they are stacked. I wish I knew more about this.

anyone else have any ideas?

Let me download your page and get it figured out.

IE6 has some particular bugs, you might want to read up on them here:
www.positioniseverything.net

You are going to need to do a couple of things here:
1 - move #sidebar2 div BEFORE #sidebar1 in your html
2 - narrow the width of #maincontent to 600px
3 - give #maincontent a left margin of about 10px to center the content within the white area.

As I said before, IE has real fits with tight layouts, you have to compensate for that.

Great looking site btw