[eluser]Fielder[/eluser]
When I've used other "plugins" and "frameworks" such as online form templates(wufoo), navigation menus, 960 grid systems, js frameworks such as extjs, etc... they all come with their own .css file to stylize their respective output. I'm running into a problem now where all these different .css files are starting to conflict with each other altering each others layout.
For instance, I'm loading
Code:
<?= css('reset.css'); ?>
<?= css('1000_20_10_10.css'); ?>
<?= css('grid.css'); ?>
<?= css('jquery.treeview.css'); ?>
<?= css('jquery.autocomplete.css'); ?>
<?= css('form.css'); ?>
<?= css('default.css'); ?>
<?= css('extjs/ext-all.css'); ?>
<?= css('extjs.css'); ?>
all of which may be used on a given view. And some of these .css are quite detailed and extensive that I couldn't possibly manually modify them to all work nicely together. I'm at a point now where extjs comes with some really nice grids and tables that I need to use, but their .css files are rearranging parts of the entire site.
What has you're experience been with css overrides and how to manage/make them live happily together?
