Bonjour

No problem with Opera, Firefox or Chrome. But with IE 8 !

IE 8 and Windows 7 : Product page details ….. Problem with icons quantity box

IE 8 and Windows XP : Product page details …. Problems with icons quantity box and with borders description box

Perhaps XP is too old ?

ex: galeria.o2switch.net/tit/index.php/virtuemart/fille/robe-pull-detail

Merci

Puremart 3.0 – Virtuemart 2.0.14 – Joomla 2.5.7

Hi,

IE8 doesn't support HTML5 and CSS3, which is commonly used technologies within our VM Templates, don't worry, no one else is using IE8 anymore. I was just curios and checked our statistics, 0.57% of our visitors for the last month was using IE8. Which can be negligible.

Do you think it would worth to avoid using CSS3 just because of this 0.57% share? of course no.
If you disable CSS3 and use the PNG image for gradient colors for example, you will increase the page content (simply because of using additional picture files to get the same effects) which will increase the page loading time in all browsers. Right?

So, just abandon IE8 and the IE8 users, this is visitor's responsibility to see the corrupted layouts, just because they are using 10 years old browsers. But if you are that much picky you can use this HTML code in your Template index.php file:

<!--[if lte IE 8]>
<l-ink rel="stylesheet" type="text/css" href="templates/<yourjoomlatemplatefolder>/css/ie8-and-down.css" />
<![endif]-->

and create this CSS file in this path in your website: templates/<yourjoomlatemplatefolder>/css/ this ie8-and-down.css will be loaded in website only if the visitor's browser is IE8 and lower (ie7, ie6 etc..)
And you can define some CSS rules in this file that fixes those layout problems and make them plain but at least looks normal while browsing with IE8. For this purpose, you can use the IE9's developer tools to find that buggy layout in the "quantity box". (open the IE9, click the F12 (developer tools) and then change the browser mode to IE8, which will simulate the IE8, because in IE8 there is no developer tools add-on.

you can add this CSS rule to ie8-and-down.css file :
.FlexibleProductDetailsSelectBox SELECT {
width:69px;
}

(normally this width has been defined as 66px in the flexibleVM2Global.css but this 66px is not enough for IE8. It should be at least 69px; but on the other hand 69px is to high for other browsers for IE, so it should be remain as 66px in the flexibleVM2Global.css this is why you should create a ie8-and-down.css file and load it only if the browser is actually IE8 )

Forum Support.

Bonjour

OK for the explication.

Merci.

Your welcome.

Case solved, topic is closed.