Home › Forums › CSS › how do I create Equal Height Columns with my Background Imag › Re: how do I create Equal Height Columns with my Background Imag
The list is also extending past in firefox.
Humm, interesting issue you have there. My suggestion: jQuery. jQuery will work in every browser, rounded corners and dropshadows are simple and plus, you wouldn’t have the overhead of extra code + extra images to maintain.
First download jQuery
Second download the dropshadow plugin
Third download the curvy corners plugin.
Include the packages in your header, then you can write code to do what you want:
$(‘.header, .sidebar, .mainimage, .footer’).css({background: ‘#3f3f3f’}).corner(’round 8px’).dropShadow({left: 5, top:5, blur: 1, color: ‘black’, opacity: 1, swap: false});
});
Note: add a background for your div’s so that you’ll get a nice dropshadow. However, I haven’t tried both drop shadows AND rounded corners, so you might have to play with my code a little bit until you get what you want.