Need help with fixing one IE6 issue when moving to HTML5

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.
12 yıl önce
Hi Guys,

I'm going to replace the current <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> with <!DOCTYPE html>. But I cannot get it working in IE6 (the right column is rendered under the the main page body). Does anybody have any ideas how it could be fixed?

Steps to reproduce:
1. Open /Views/Shared/_Root.cshtml file (Nop.Web project)
2. Replace <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> with <!DOCTYPE html>
3. Open the home page in IE6
12 yıl önce
a.m. wrote:
Hi Guys,

I'm going to replace the current <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> with <!DOCTYPE html>. But I cannot get it working in IE6 (the right column is rendered under the the main page body). Does anybody have any ideas how it could be fixed?

Steps to reproduce:
1. Open /Views/Shared/_Root.cshtml file (Nop.Web project)
2. Replace <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> with <!DOCTYPE html>
3. Open the home page in IE6


Hi,

Spent some time on this today but no luck as yet. I'll spend some more time on it tomorrow.

By the way. This behaviour doesn't occur with my custom theme active even though layout etc is identicle.

Darren
12 yıl önce
Looks like IE6 is now adding a few surplus pixels to the columns horizontally. You might need to compensate for it by adding IE6 specific widths to your CSS. I don't have IE6 to test it though, it's just my 2 cents.
12 yıl önce
Hi Andrei - IE6 has a ton a dependencies on DOM order.  Float rights should come first in the order - in _ColumnsThree.cshtml move the div master-wrapper-rightside-3 to the top and it should work fine.

Don
12 yıl önce
wunpac wrote:
By the way. This behaviour doesn't occur with my custom theme active even though layout etc is identicle.

Is this site published online? Can you share the link?
12 yıl önce
viperguynaz wrote:
Hi Andrei - IE6 has a ton a dependencies on DOM order.  Float rights should come first in the order - in _ColumnsThree.cshtml move the div master-wrapper-rightside-3 to the top and it should work fine.

Just tried it. No luck =((
12 yıl önce
ZiadJ wrote:
Looks like IE6 is now adding a few surplus pixels to the columns horizontally. You might need to compensate for it by adding IE6 specific widths to your CSS.

Yes, adding a custom styles.ie6hacks.css file to each theme can solve this issue. But I'm looking for a way to do it without hacks now

ZiadJ wrote:
I don't have IE6 to test it though, it's just my 2 cents.

BTW, you can use microsoft expression superpreview (trial is available)
12 yıl önce
Have you resolved this?

If not, try adding overflow:hidden; to the style .master-wrapper-center-3 in style.css

Google "float drop"
12 yıl önce
SWW wrote:
If not, try adding overflow:hidden; to the style .master-wrapper-center-3 in style.css

Google "float drop"

Thanks! That worked!
12 yıl önce
nice work SWW
This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.