Forums

WordPress › Support » How-To and Troubleshooting

[resolved] Blending Header with Background (8 posts)

  1. FrankieBermudez
    Member
    Posted 7 months ago #

    Hello,

    So before adding my images into WordPress, my Header and Background blended nicely. Now, I can see the outline of my wrapper against my body background. The site is here.

    Code:

    <body <?php body_class(); ?>>
   <div id="wrapper" class="hfeed">
	<div id="header"></div><!--end of header-->

    CSS:

    body { background-image: url('images/stone_bg.png'); background-color: #000; background-repeat: repeat-x;}

#header { background-image: url('images/fantasy_header.png'); background-repeat: no-repeat; height: 170px; min-height: 170px;}

    Quick Run-down:
    Body - Contains a repeating image starting from the top down to the gradient.

    Header - Is the image in the middle behind the banner. The image is 1024px by 170px. This image needs to blend with background image in the body.

    This worked fine when I first designed it using HTML/CSS. Thank you.

    [Please post code snippets between backticks or use the code button.]

  2. esmi
    Theme Diva & Forum Moderator
    Posted 7 months ago #

    I can't see any obvious problems in either Firefox 7 or IE9.

  3. FrankieBermudez
    Member
    Posted 7 months ago #

    It's faint on FF7 and I can see it on IE8. Hmmmm, now I'm wondering if I need to add a hack to my CSS. But it worked fine before throwing the layout on WordPress. It's mind boggling.

  4. esmi
    Theme Diva & Forum Moderator
    Posted 7 months ago #

    You might want to change your background images over to jpgs. I've found that older versions of IE tend to have problems blending colours when rendering png files.

  5. FrankieBermudez
    Member
    Posted 7 months ago #

    I was thinking the same. I'll take your suggestion and convert the images...we'll see.

  6. FrankieBermudez
    Member
    Posted 7 months ago #

    "Like a glove!" Ha, that worked! Thank you for the suggestion (PNG to JPG)...beautiful. Thanks!!!!

  7. esmi
    Theme Diva & Forum Moderator
    Posted 7 months ago #

    No problem. It used to drive me up the wall too. :-)

  8. FrankieBermudez
    Member
    Posted 7 months ago #

    ...I was getting ready to start ripping apart CSS.

Reply

You must log in to post.

About this Topic

Tags