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

Home Forums CSS [Solved] IE6 and Clear

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #25688

    Hi, When i use the floats and do .clear both thing after the divs ie6 doesnt seem to like it and it messes it up. How can i fix this?

    Many Thanks


    Can you provide an example page along with some code?


    if you can view this page in ie6 you will see what i am on about. –
    as for code, it is literaly


    After looking at this in IE, my impression is that it has nothing to do with clear:both. Simply, there is an error/browser quirk in IE6 that causes your main column to expand in width, which forces the side column down below. (You’ll notice that the two columns work fine on other pages in IE6.)

    I’m guessing it’s something to do with the way you have your article previews on your home page coded — perhaps dealing with the fact that you set a width and also padding/margin on your #post-info div. I’ve found that making sure that you don’t set a width and padding/margin on the same element tends to help with browser compatibility issues.

    If I find something specific that will help, I’ll let you know.

    — Not related, but you realize that you can only use an id once on a page? For example, on your home page, you repeat the #post-info id several times.


    THanks for the reply ill look into what you said about the width and padding thing.

    Also – no i didnt know that you were not alowed to… WHy not?



    In regards to your question about ids… Ids are intended to be unique elements, and can only be used once per HTML page — that’s just the way they work. Classes can be used on multiple elements on the same page.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.