Cross Browser Problem In IE?

Hi everyone,

I'm having problems with my website in Internet Explorer.

It works perfectly in Mozilla and other browsers, but when you view my site in Internet Explorer my footer and sidebar ends up at the top of the page for some reason.

Anyone know how to fix this problem?

By the way the site is in my sig.

Thanks,

 

You should try fixing all the errors: http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0

Not the flash/youtube errors, they won't affect the layout.

 

I see a section of your code where you have many unclosed image and div tags. I adjusted them and quickly tested it on my own computer, and it seemed to fix the right/footer issue. However, there are still quite a few font-size and color issues that appear to need fixing.

Change This:

<img src="http://www.halloweencontactlenseshq.com/wp-includes/images/Black Wolf.jpg" width="125" height="100" 
<div style="text-align:center;"<p>Black Wolf</p></div>
</a>
<a href="http://www.halloweencontactlenseshq.com/dragon" target="_blank">
<img src="http://www.halloweencontactlenseshq.com/wp-includes/images/Dragon.jpg" width="125" height="100" 
<div style="text-align:center;"<p>Dragon</p></div>
</a>
<a href="http://www.halloweencontactlenseshq.com/gorgon" target="_blank">
<img src="http://www.halloweencontactlenseshq.com/wp-includes/images/Gorgon.jpg" width="125" height="100" 
<div style="text-align:center;"<p>Gorgon</p></div>
</a>
<a href="http://www.halloweencontactlenseshq.com/rave" target="_blank">
<img src="http://www.halloweencontactlenseshq.com/wp-includes/images/Rave Lens.gif" width="125" height="100" 
<div style="text-align:center;"<p>Rave</p></div>
</a>
<a href="http://www.halloweencontactlenseshq.com/risendead" target="_blank">
<img src="http://www.halloweencontactlenseshq.com/wp-includes/images/Risen Dead.jpg" width="125" height="100" 
<div style="text-align:center;"<p>Dragon</p></div>

</a>
<a href="http://www.halloweencontactlenseshq.com/skeletal" target="_blank">
<img src="http://www.halloweencontactlenseshq.com/wp-includes/images/Skeletal Teeth.jpg" width="125" height="100" 
<div style="text-align:center;"<p>Skeletal Teeth</p></div>
</a>
<a href="http://www.halloweencontactlenseshq.com/spidey" target="_blank">
<img src="http://www.halloweencontactlenseshq.com/wp-includes/images/Spidey.jpg" width="125" height="100" 
<div style="text-align:center;"<p>Spidey</p></div>
</a>
<a href="http://www.halloweencontactlenseshq.com/temptress" target="_blank">
<img src="http://www.halloweencontactlenseshq.com/wp-includes/images/Temptress.jpg" width="125" height="100" 
<div style="text-align:center;"<p>Temptress</p></div>
</a>
<a href="http://www.halloweencontactlenseshq.com/twilight" target="_blank">
<img src="http://www.halloweencontactlenseshq.com/wp-includes/images/Twilight Eye.jpg" width="125" height="100" 
<div style="text-align:center;"<p>Twilight</p></div>
</a>

<a href="http://www.halloweencontactlenseshq.com/vampirered" target="_blank">
<img src="http://www.halloweencontactlenseshq.com/wp-includes/images/Vampire Red.jpg" width="125" height="100" 
<div style="text-align:center;"<p>Vampire Red</p></div>

HTML:

to this...

<img src="http://www.halloweencontactlenseshq.com/wp-includes/images/Black Wolf.jpg" width="125" height="100"> 
<div style="text-align:center;"><p>Black Wolf</p></div>
</a>
<a href="http://www.halloweencontactlenseshq.com/dragon" target="_blank">
<img src="http://www.halloweencontactlenseshq.com/wp-includes/images/Dragon.jpg" width="125" height="100"> 
<div style="text-align:center;"><p>Dragon</p></div>
</a>
<a href="http://www.halloweencontactlenseshq.com/gorgon" target="_blank">
<img src="http://www.halloweencontactlenseshq.com/wp-includes/images/Gorgon.jpg" width="125" height="100"> 
<div style="text-align:center;"><p>Gorgon</p></div>
</a>
<a href="http://www.halloweencontactlenseshq.com/rave" target="_blank">
<img src="http://www.halloweencontactlenseshq.com/wp-includes/images/Rave Lens.gif" width="125" height="100"> 
<div style="text-align:center;"><p>Rave</p></div>
</a>
<a href="http://www.halloweencontactlenseshq.com/risendead" target="_blank">
<img src="http://www.halloweencontactlenseshq.com/wp-includes/images/Risen Dead.jpg" width="125" height="100"> 
<div style="text-align:center;"><p>Dragon</p></div>

</a>
<a href="http://www.halloweencontactlenseshq.com/skeletal" target="_blank">
<img src="http://www.halloweencontactlenseshq.com/wp-includes/images/Skeletal Teeth.jpg" width="125" height="100"> 
<div style="text-align:center;"><p>Skeletal Teeth</p></div>
</a>
<a href="http://www.halloweencontactlenseshq.com/spidey" target="_blank">
<img src="http://www.halloweencontactlenseshq.com/wp-includes/images/Spidey.jpg" width="125" height="100"> 
<div style="text-align:center;"><p>Spidey</p></div>
</a>
<a href="http://www.halloweencontactlenseshq.com/temptress" target="_blank">
<img src="http://www.halloweencontactlenseshq.com/wp-includes/images/Temptress.jpg" width="125" height="100"> 
<div style="text-align:center;"><p>Temptress</p></div>
</a>
<a href="http://www.halloweencontactlenseshq.com/twilight" target="_blank">
<img src="http://www.halloweencontactlenseshq.com/wp-includes/images/Twilight Eye.jpg" width="125" height="100"> 
<div style="text-align:center;"><p>Twilight</p></div>
</a>

<a href="http://www.halloweencontactlenseshq.com/vampirered" target="_blank">
<img src="http://www.halloweencontactlenseshq.com/wp-includes/images/Vampire Red.jpg" width="125" height="100"> 
<div style="text-align:center;"><p>Vampire Red</p></div>

HTML:

 

Hi,

Thanks for helping out.

It now shows good in Internet Explorer, but still shows some errors and bugs.

For example the code you gave in the previous post did fix the sidebar problem and footer problem, but now these images in my side bar arent showing up properly and the text below is all missing and half of my fonts still arent working or showing up?

Can you maybe help me out with this if possible?

Thanks,