This is a site that does attract foreign visitors who do use Opera, so it does matter.
Opera Version 9.64
Platform Vista
Zen Cart 1.3.8a
Site URL is www.limelites.co.uk
Screenshot in FF,IE,SAFARI,CHROME, ETC:
Screenshot in OPERA:
I've noticed that this in my stylesheet will spread the images across the page (even in Opera):
Expand|Select|Wrap|Line Numbers
- #productAdditionalImages {
- width:100%;
- float:left;
- text-align:center;
- }
- .additionalImages img{
- border-left:4px solid #ffffff;
- border-right:4px solid #ffffff;
- border-top:0px solid #ffffff;
- border-bottom:4px solid #ffffff;
- }
This is the CSS styling that fits for all browers EXCEPT OPERA:
Expand|Select|Wrap|Line Numbers
- #productAdditionalImages {
- width:auto;
- float:left;
- text-align:center;
- }
- .additionalImages img{
- border-left:4px solid #ffffff;
- border-right:4px solid #ffffff;
- border-top:0px solid #ffffff;
- border-bottom:4px solid #ffffff;
- }
I've also noticed that taking out the float:left; to give:
Expand|Select|Wrap|Line Numbers
- #productAdditionalImages {
- width:auto;
- text-align:center;
- }
What do you think I could replace float:left; with??
Any help appreciated... I'm probably missing something from stylesheet but can't figure it out :-)