Grow your CSS skills. Land your dream job.

PNG/CSS Transparency issue

  • # September 8, 2008 at 8:31 pm

    So I have a problem that I have no idea how to fix. If you just take a look at http://philhavens.com you can see that the header image is only transparent on one side. The page is just blank and I am the header is being included via PHP.

    Here is the regular image:
    http://dl.getdropbox.com/u/40023/header-bg.png

    Here is the CSS:
    http://philhavens.com/style.css

    Here is the code of the header:

    # September 9, 2008 at 3:34 am

    well the header image you show is 796 pixels wide and the page wrap you have is only 700 pixels wide with a white background. Now I am assuming that you put the header image inside the page wrap inorder to center the layout. I think you need to increase the size of the page wrap to start. I also don’t think your page wrap needs a background color. Just give the individual divs the background color instead.

    # September 9, 2008 at 10:00 pm
    "cybershot" wrote:
    well the header image you show is 796 pixels wide and the page wrap you have is only 700 pixels wide with a white background. Now I am assuming that you put the header image inside the page wrap inorder to center the layout. I think you need to increase the size of the page wrap to start. I also don’t think your page wrap needs a background color. Just give the individual divs the background color instead.

    Thank you so much! It just helps to have another set of eyes look at code :)

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".