Display issues in Explorer

Hi, I am new and I really need some help.

I recently redesigned my website/blog template (www.thehumanmarvels.com) using Psycho's Template Generator and the siteis hosted on Blogger. While the site looks perfect in Firefox, it has serious issues in Internet Explorer.

I believe it is a simple coding issue, however I can't seem to spot the culprit.

I wonder if someone on this board would be kind enough to give me a hand in finding the problem and coming up with a solution.

Thank you in advance for your time and I truly appreciate any help.

 

At first glance, seems like your left column div has a float. That's okay. Your middle column has a float left and your right column has a float right. So I suppose the two are conflicting with each other and ones wins and the other gets bumped down. Try changing your right column to float left or removing the float for that column div. Hope it helps

 

Thanks for the insights but that did not seem to work.

 

#SideRCol still has a float: right and I was suggesting that you either change it to float: left, or remove the float attribute all together as there is nothing to the right of it.

 

Right. I did remove the float and it did not work. I therefore replaced the original code.

 

Another observation is that you it looks like you didn't close your granny div before you started your left column divs. Is this the way you intended? Sorry, it's difficult code to read. But, if this is the case, this could prevent the float left for your left column from working properly. Looking at it in IE, it looks like your float left works for your middle column, which is why the right column does bump over, but the left Column float is not working which is why the middle and right columns are beneath it.

Also, you have 56 opening divs and 58 closing divs, so that is definitely a problem even if the granny div is indeed closed. And you have 3 occurances of <td but only 2 occurances of </td so a column is not closed.

Line 198:
<td nowrap="nowrap">
<table>

<tr>
<td> missing </td>
</tr>
</table>

Column not closed and looks like the table is pointless anyway. This is right at the end of your left column, which is what you seem to be having problems with.

All can cause some unexpected problems.

 

Surely problem of <div> and other html elements like alignment, <tr>,<td>,<table>,&nbsp,margins.Fix it.

 

I finally fixed it...and it was a pesky loose <div>.
Thank you so much for the assistance....this is my very first try and design.