Hi, I’m a PHP/jQuery developer who sometimes deals with CSS. I was asked to mock up a site from a PSD, since I wasn’t busy at the time. I was doing fine, making a nice, fluid width site, until I noticed that the PSD had some subtle shadows on it that I needed to replicate. So, I am in the process of changing it over to a static-width site. Everything is going OK, but I’m having an issue where the ‘div’ that contains the content is waay off from the JPG header image. I’m not entirely sure what the issue is. I’m using Firebug and coding it in vi, but I can’t seem to find the issue. The site is here:
The biggest issue is the body_content div not lining up with the JPG background above it. However, there’s another issue that I’m not sure about yet, either. This will be converted into a WP template next, so that the client can use WP as a CMS. I need to split the header navigation around the logo, but I’m not sure how. I want it flexible enough to where the client can add new items to the header. From my background, my first thought is to do it with jQuery or PHP, but are either of those the best way?