jumpstart footer columns in IE 8

[J. Weidlein]

I set up a 4 column footer using the theme options, and everything falls where I expect it to on all of the browsers except IE. The first column uses raw content to hold some linked text; the last 3 columns just have a single hyperlinked image sized 125 x 125. These last 3 cols were defined as widget areas containing content blocks.

IE 8 puts a left offset of 564 on the 2nd column, and then places columns 3 and 4 on what looks like the second and third columns on the second row of a grid, so I end up with something looking like this:
—————- IE 8 —————– —————- firefox, chrome —————–
text image1 text image1 image2 image3
….. image2 image3

the website is mimtestsite.com
thanks in advance for any help!

Topic

[J. Weidlein]

the format lost the spacing in my post – what I meant was:

—————- IE 8 —————–
text………………. image1
….. image2… image3

—————- firefox, chrome, safari —————–
text……image1….. image2…… image3

[J. Weidlein]

I solved this issue by adding the rule: .column.grid_3 {min-height: 0;}
does this make sense? now, how can I use my own ie.css file in my child theme? I tried adding this to the child’s functions.php:

function child_jumpstart_css() {
global $theme_path;
wp_enqueue_style( ‘themeblvd_ie’, $theme_path . ‘/ie.css’, array( ‘themeblvd_theme’ ) );
}
add_action( ‘wp_print_styles’, ‘child_jumpstart_css’ );

[Jason Bobich]

Instead of $theme_path, you’d use get_stylesheet_directory_uri().

http://codex.wordpress.org/Function_Reference/get_stylesheet_directory_uri

[J. Weidlein]

great – thanks!

[Author]

Replies