Problem with IE7 'clearfix' hack

HTML & CSS
1

Hi,

I recently made some minor changes on this page, and now slide titles don’t work in IE7.

http://servicemasterbuildingservices.com/

IE8+, Firefox, Chrome all fine (slide titles appear as expected)>

Any ideas?

Thanks,

Ben

2

I’m not sure why it’s not working, but my suggestion would be to make the titles part of the images, and use alt text instead of headings.

3

It was working before–just something weird about the CSS in IE7.

Others - ideas?

4

It’s not the clearfix causing the issues :). You don’t set coordinates on the absolutely positioned text elements and as a result, IE has to guess where to place them (all the others do as well, though they guess right).

You need to set coordinates.


#home-intro #slides-left h3, #home-intro #slides-left h2, #home-intro .left h3{left:0;bottom:0}

Please do note that my IE7 doesn’t work so I had to use the meta IE7 emulate tag to simulate IE7. I saw the problem happening once I did that and through testing, I got it workign for the emulated IE7. So this should work on the real thing :).

5

Page filled with things I don’t consider viable for web deployment – likely the cause of why I’m seeing four different layouts in for different engines…

Markup-side my advice is lose the jquery for nothing, the IE conditionals for NOTHING, don’t waste your time with the outdated clearfix nonsense, and maybe work on your semantic markup since those don’t actually seem to be headings inside that thar list, (either that or they shouldn’t be a list!) there’s little reason to have separate anchors for the image and ‘heading’, your comment placements could be tripping IE and FF rendering bugs, maybe actually use the media attribute on all your CSS embeds not just the IE fix one…

From the page falling apart miserably with images off, to the broken bloated jquery nonsense slideshow overlapping content, to the fixed width layout with inaccessible fixed metric fonts…

IE7 not clearing is the least of it’s issues; I’d advise throwing it all away and starting over from scratch.

6

Ryan,

Thanks for your help, that seemed to do the trick!

Cheers,

Ben

7

Glad I could be of some help :). You’re welcome.