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
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.
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.
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.
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.
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.