css validation

[SLiCK_303]

On a stock install PrestaShop will not validate css. You need to make the following changes in order for validation to occur..

open: themes/prestashop/css/modules/blockstore/blockstore.css
change:

.blockstore p { text-align: center; font-weight: 10px; }

to:

.blockstore p { text-align: center; font-size: 10px; }

also open : themes/prestashop/css/global.css
change:

* html .clearfix { zoom: 1 }
*:first-child+html .clearfix { zoom: 1 }

to:

/*
* html .clearfix { zoom: 1 }
*:first-child+html .clearfix { zoom: 1 }
*/

zoom only works in IE, so I see no point of even keeping this statement around, I guess if you are really worried about it you could make an IE specific .css file, and place these statements in there, and then modify the applicable code to include it...

[goosedesign]

zoom:1 is mostly used to trigger the 'hasLayout' property of the element in question. It very often fixes buggy behaviour in IE browsers so it doesn't matter that it doesn't do anything in other browsers (in fact that's why it's so useful) as it's only there to fix deficiencies in IE.

[Guest]

hasLayout can be activated many ways that are valid, but I've seen zoom: 1; throw off ie7 unfortunately that site is fixed now so it is not there anymore. Methods how to and why to do it: http://haslayout.net/haslayout

Most safe is the change display to inline-block and create new dublicate selector with display back to block. Also no need to target specific browsers with the solution. As all browsers will revert back to block. Once hasLayout is triggered it will stay, so even can use display: list-item; if you want the bullets for it.

This is just to make css valid once again.