Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

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

#68049
JaredAM
Member

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:

Code:
$(document).ready(function(){
$(‘.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.