CSS Hacks & Work-arounds
the site i am working is displaying correctly in half the browsers I tested it on and incorrectly in the other half. generally when I run into a problem like this i use a css hack to resolve the issue for example:
#holder {
width: 150px;
height: 50px;
margin-top: 5px;
}
body > #holder {
margin-top: 2px;
}
This workaround hides the different margin from older versions of IE, and because of the different 'interpretations' of the box model, this and other hacks like it are easy fixes for cross browser compatitbility.
However in X-Cart they are not being read the same as they normally would. I just have to give one of my css boxes a different margin for firefox, and other browsers similar to it, without effecting older versions of IE, does anyone know a CSS based hack that would work in X-Cart? Thanks.
|