IE monster on the loose!!! Lite Red Template

**hardwiredtemplates** · 11 Aug 2011, 10:12 PM

Originally Posted by hardwiredtemplates

Thanks Steve the header is now fixed by your suggestion. I have removed the slide show js entirely I could not find the extra <html> tags so the whole thing is gone.

For the right side being pushed I originally had this in my product_info.css

#right_side {
margin: 0em 0 0 383px;
border: 1px solid #C8CACB;
background-color: #F4F8F9;
width: 410px;
height: 320px;
}

Adding 410 + 383 = 793px which I doubt is the size of the center box (not sure what the size is it's not mentioned anywhere)

so knowing this I've reduced it to:
#right_side {
margin: 0em 0 0 381px;
border: 1px solid #C8CACB;
background-color: #F4F8F9;
width: 350px;
height: 320px;
}
381+350 = 731px which I still doubt is the size of the center box but seems to work for IE 7

Still however the page does not look the same in IE 7 and ffox. I am trying to achieve the ffox look in IE but no dice..

My suggestion I would like to move the code of the whole right_side DIV inside the:
productMainImage DIV then I guess I can use floats instead of these weird margins, but I do not have ANY IDEA where to paste the code

http://megasaveonline.com/index.php?...oducts_id=1352

Please help!!!

Sorry to quote myself but how do I go about putting <div id="right_side"> inside main product image Div either by moving the code or by CSS declarations.

If I accomplished I believe then I can use float:left to put the right_side box immediately to the right of the main image. (Would I be right with this assumption?). Currently I am doing this by this in the CSS file

#right_side {
margin: 0em 0 0 381px;
}

This could then perhaps fix the issue of IE making two seperate boxes( one for main image and another for right_side Div - Hope I am right with this assumption too)

View link here

Many thanks folks...