ThemeShaper Forums » Thematic

[closed]

Quick CSS question - Clearing Div's for IE6?

(5 posts)
  • Started 7 years ago by proto
  • Latest reply from proto
  • This topic is resolved
  1. proto
    Member

    Hello All,

    I wanted a quick pointer I hope you could help with, for someone who knows the answer I think it will take 5 seconds to answer! I think the problem I'm having is that only in IE6 my floats aren't behaving. Please view the following website in IE6:

    https://www.universalonewebdesign.com/bespoke-design-eleven/

    I think I need to add a fix so that the DIV which contains my floats is cleared properly. I think I need to add something like

    overflow: hidden

    to my containing DIV (in this website the containing DIV's called "homepage"). Please can you advise what I need to do!! I tried adding this CSS instruction to "homepage" but it's not working, IE6 is maddening, I know we shouldn't care for it much these days but if it's just one line of CCS your help is greatly appreciated!

    Posted 7 years ago #
  2. try: http://nicolasgallagher.com/micro-clearfix-hack/ or look into other clearfix methods

    Posted 7 years ago #
  3. proto
    Member

    Thanks so much Helga,

    I've tried as many ways as I can to clear in IE6 and now wondering if this is indeed the problem or whether it's something else?

    If anyone knows 960.gs and Thematic could have a look at why my main homepage image is not floating to the right in IE6 but appearing below all other content and breaking it's display in IE6 would be greatly appreciated!

    https://www.universalonewebdesign.com/bespoke-design-eleven/

    Posted 7 years ago #
  4. as someone who consistently spends more time than is necessary on minor details, let me inform you that you are spending more time on this than necessary. IE6 is practically defunct. its market share is nill. and even microsoft is beginning to force IE people to upgrade. i know what it is like to get the bit in the teeth, but i'm not really willing to look harder for something pertaining to IE6 either. sorry dude.

    Posted 7 years ago #
  5. proto
    Member

    Helga!

    Thanks again, you're a star! Sometimes it takes a tap on the shoulder from someone to realise when minor issues are really taking up too much time (you're right I DO get the bit stuck between my teeth and sometimes need to walk away from the keyboard, I'm sometimes too persistent!). I have read so many threads on here thanking you so you might be sick of people saying it but all hail Helga and thank you!

    I figured out the problem this morning for anyone wanting to know. I'm using 960.gs and Thematic because I think they're both brilliant in their own ways. The solution that worked for me was to add the following CSS styling to the containing Div BEFORE the Div that floats to the right, in my case this DIV happens to be called "leftloopcontainer"

    #leftloopcontainer {overflow: hidden; zoom: 1;}

    After I did this IE6 behaved (well, as much as that troublesome browser can!) and displayed my content just fine! Good luck people :)

    Posted 7 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.