Hmm..
1st of all, I’m very new to WP, and have just recently begun ‘tearing it apart’, becoming familiar with the codebase, engine and so..
That being said, my skills in CSS & (x)HTML are decent, so I’ll try and see if I can aid you in this..
I’ll give a couple of suggestions to what might be wrong/throwing your layout off.
First off, correct your stylesheet at the very top;
#header {
background: url('images/kubrickheader.jpg')no-repeat bottom center;
}
– insert whitespace between ) and no-repeat. Tidy. Mmm.
Also, try putting in the full url to your images, ie.
root/wp-content/themes/themename/images/kubrickheader.jpg
Another thought;
– Try and strip the functions.js file in the root of your theme dir, for everything related to the kubrick_header_img option of letting the user switch the colors in the header.
– if you are uncertain about what to drop and what to keep in this particular file, refrain from editing it at all, and post it on here in some way or another, and I’m sure someone will clean out the code.
Just a thought, as i can tell your theme has only been slightly modified from the original Kubrick, and as such I suspect a lot of irrelevant statements in the Javascript floating about, not really doing anything, but quite possibly interfering with your header for various reasons.
Yes, i specifically highlighted ‘thought‘, as I’m not at all sure that removing the functions of the kubrick_header_img, will produce any result/significance to your question at hand, and I’d love to be proved wrong..
On the other hand, tho – why keep it if it’s not used anymore? All things aside, it’s just more code for you to look up and figure out…
Cheers-