Clearing CSS inside a div

Hi all,

I searched for this before posting so please excuse me if I missed something in the search. I have a website based on the blueprint css framework (I can't add links yet or I would link to it).

In one of my columns I want to utilize a widget comprised of a javascript call that returns the appropriate markup. The problem is that the rendered markup seems to get blown to hell when it's inside a div within the parent blueprint div. Is there any way that I can override the CSS just within this specific div and have it render the widget markup as if the site had no css what so ever?

Thanks,
J

 

You may need to use an iframe for this content within the div.

 

And that's why you don't use a framework.

I'd say, throw an ID on the div, and get rid of everything back to default:
- Margins
- Padding
- Borders
- Font Size
- Height
- Width

Anything the stupid blueprint might be doing, reverse it. You should then get a clean slate you can work off.

 

Maybe...

div#id,
div#id *{
margin: 0;
padding: 0;
border: none;
font-size: Xpx;
anything else...
}