WordPress.org

Ready to get started?Download WordPress

Forums

Portfolio Press
#main container shows top padding as white bar in IE6 (7 posts)

  1. Hans Kurt
    Member
    Posted 1 year ago #

    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/

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  3. Hans Kurt
    Member
    Posted 1 year ago #

    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.

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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!

  5. Hans Kurt
    Member
    Posted 1 year ago #

    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!

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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).

  7. Hans Kurt
    Member
    Posted 1 year ago #

    Great! :o)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic