My magento 1.0 has a design error using Internet Explorer.
When I installed it everything was ok, but after installing and uninstalling Modern Theme, the products cell on the category grid view, underlay the compare box. See image attached.
The strange think is that only on IE I’m having this problem.
If i browse the same pages with Opera, Safari or Firefox I can’t see any visualization problem.
Also I’m having this problem only in the default view. I after add a new store view with a different language and this is showing correctly also in IE.
Maybe you can delete the cache of the store, try to disable it also.
If Firefox works correctly I think that the folder default it’s ok, but if you have a trouble try to upload a new css folder, the problem you see is in css file I think
Hello Chiara, thank you very much for your answer.
I Changed all the css in the magento\skin\frontend\default\default\css, but nothing changed.
Are those the css you were talking about or did you refer to other?
Hello Chiara, thank you very much for your answer.
I Changed all the css in the magento\skin\frontend\default\default\css, but nothing changed.
Are those the css you were talking about or did you refer to other?
Thank you very much.
Yes the folder is correct
If default folder (entire) is original and firefox shows the shop correct the problem is in your cache
Magento has a cache to speed up download time, when you work on design you must turn off cache management in backend.
Have you clear the cache?
Hi chiara,
I try to disable the cache.
I went to Sistem > cache management and I tick all the check box on the page.
After that i click Disable.
Now everithing is disabled, but nothing change.
I also delete the cache of IE7 and restart Apache.
Nothing change.
Have you other Ideas?
Consider that English store view works perfect and has same setings.
Hello chiara,
I’m working local with xampp on my windows Xp Professional machine.
I installed modern theme using Magento Connect.
So I can’t provide you a web link for the site.
I compare the two HTML file of the pages in italian (wrong visualization) and in English (right visualization) and they look identic.
I hope the problem won’t appear when I will upload on the Server.
Tonight I will look at changes on the APP folder.
adding ‘width: 1px’ to form-button will make the button to 1px, what you are seeing now is correct as this is what you asked it to do.
Try adding width to the table instead and it should make IE behaves
The product grid table code shows this: <table cellspacing="0" class="generic-product-grid" id="product-list-table">
that means you can declare the width in ‘generic-product-grid’ or ‘product-list-table’.
However in the magento default css, it already has :
.generic-product-grid { width:100%; }
This normally should works for IE too, but I suspect somewhere a ‘clear:both’ isn’t followed after a floated element thus causing the table expands 100% in IE.
What you can do is to change the
.generic-product-grid { width:500px; } for instance.
if you prefer to keep the 100% in the main style sheet, simply add the above code to the ‘iestyles.css’.
Remember to change back the original width for .form-button, .form-button-alt
adding ‘width: 1px’ to form-button will make the button to 1px, what you are seeing now is correct as this is what you asked it to do.
Try adding width to the table instead and it should make IE behaves
The product grid table code shows this: <table cellspacing="0" class="generic-product-grid" id="product-list-table">
that means you can declare the width in ‘generic-product-grid’ or ‘product-list-table’.
However in the magento default css, it already has :
.generic-product-grid { width:100%; }
This normally should works for IE too, but I suspect somewhere a ‘clear:both’ isn’t followed after a floated element thus causing the table expands 100% in IE.
What you can do is to change the
.generic-product-grid { width:500px; } for instance.
if you prefer to keep the 100% in the main style sheet, simply add the above code to the ‘iestyles.css’.
Remember to change back the original width for .form-button, .form-button-alt
Thanks,
Tried your solution, but nothing changed so I’ve changed it back to default.
