DIV styling not working in IE6

  • Any body shed some light on this.

    If you view this page in IE6 the adsense block appears close to the header (there is meant to be a 50px gap).
    https://www.visit-the-coqui.com/test-page/

    If you view the same page in FF the there is a 50px gap between the header and the adsense block – this is what is supposed to happen.

    I am styling the div like this:

    .ad_banner2 {
    padding-top:50px;
    padding-bottom:3px;
    }

    Why does IE6 ignore this styling (the same happens if I use margin-top)?

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)

  • Sometimes IE needs a width defined in the div in order for margins/padding to work properly. That is probably a good thing to try first at least.

    IMHO this is the contigious collapsing margins phenomena as to which see the seminal post by Andy Budd. Add a border between the two effected areas. Should fix it. Make the border white and you won’t see it.

    Thread Starter visit-the-coqui

    (@visit-the-coqui)

    It may have been solved

    1. Someone told me that in CSS you can not have an underscore (not sure if this is true) so I modifies the CSS and removed the _

    2. It appears that for some reason when I make a change to the CSS style sheet and then view a page in IE6 it does not show the change. I have to open the CSS file and then reload the page. Change shows up. In FF the chnage shows up immediately.

    3. I will look at the width and the white border suggestions also. Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘DIV styling not working in IE6’ is closed to new replies.