Support » Theme: Portfolio Press » [Theme: Portfolio Press] #main container shows top padding as white bar in IE6

  • Hans Kurt

    (@henrik-sejersen)


    Hallo!

    First, thanks to the authors for making this very fine theme available for others, as well as making a great introduction video.

    I have a question that someone might know how to solve, but it only applies to IE6. When I open my website in IE6 with the PortfolioPress theme activated, there is a white bar on top of the main container, representing the top margin (40px padding). Does anyone know why this occurs?

    I have tried to change the background image (.pgn) to a hex color code, but the padding still shows white.

    Would be glad to get some help or feedback!

    http://wordpress.org/extend/themes/portfolio-press/

Viewing 6 replies - 1 through 6 (of 6 total)
  • WPyogi

    (@wpyogi)

    Forum Moderator

    If you post a link to your site, someone will be able to give you better assistance…

    You can’t change the background image color with CSS – the color is in the image — you’d need to change the image. But you can set a background color that might fill in that space… But there is probably a solution that will get rid of the space — depending on the coding and IE6 “issues” which are many.

    Hans Kurt

    (@henrik-sejersen)

    Oh yes, my site is: “http://www.henriksejersen.com”. You are right about changing the background image to a background-color. However, it does not fix the padding problem.

    WPyogi

    (@wpyogi)

    Forum Moderator

    It’s because IE 6 interprets the CSS box model differently than any other browsers…http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug

    Padding and margins are not the same thing (and IE6 may not misbehave so badly with margins — so try this:
    Change this CSS (line 205) to:

    #main {
        background: url("images/bg-texture.png") repeat scroll 0 0 #FFFFFF;
        padding: 0px 0 20px;
        margin-top: 40px;
    }

    and then add this to the stylesheet:

    #wrapper {
        background: url("images/bg-texture.png") repeat scroll 0 0   #FFFFFF;
    }

    Very nice site, BTW :-). Love the cats!

    Hans Kurt

    (@henrik-sejersen)

    It works beautifully. I think I understand how it works. So the wrapper now contains the background image and we use the margin-top instead of the padding thing.

    I love it! Thanks very much for your help. The cats are nice!

    WPyogi

    (@wpyogi)

    Forum Moderator

    Excellent! I’m a big CSS fan and it’s so fun when it works in odd little ways like that (yep, your understanding is correct).

    Hans Kurt

    (@henrik-sejersen)

    Great! :o)

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Theme: Portfolio Press] #main container shows top padding as white bar in IE6’ is closed to new replies.