Must fix these issues

[Kezzer]

www.kieransenior.co.uk

My new site, in IE the header and nav bar sit slightly to the left and I have no idea why, I've gone over and over the stylesheet and can't find anything. The footer also doesn't align correctly either, not sure how to fix that, my CSS is a bit rusty.

If anyone can help me out I'd be appreciative as it's annoying the hell out of me

[Nick F]

Nice site mate Can't help you though

[Iain]

Why would you have a header image set as the background to a div rather than just inserting the <img> tag ? That's almost certainly the root of the problem as you're wrapping a <a> tag round a div which you've then given a fixed height and width. Bizarrely I can't download the background image either, I've tried following the url to images/header.gi and even looked in Kezzer_files but it's not there. Can't debug without the complete HTML, CSS and images. At a rough guess if you insist on remaining with a div with a background then you need a CSS rule for

a #header (margin: 0; )

or something similar

Also please be aware, up to you if you care or not, but XHTML compliance states that all HTML, CSS properties etc should be in lower case.

[Kezzer]

Nah, I already tried that before and it didn't work I just tried it again to double check and alas, it still doesn't work

[Iain]

As i said, wrap up the HTML, CSS and images into a zip file so we can debug it then, at the moment it's impossible to do anything as the images aren't downloading properly

[Kezzer]

CSS file:
http://www.kieransenior.co.uk/wp-con...nior/style.css

Header:
http://www.kieransenior.co.uk/wp-con...ges/header.gif

Drop-shadow background:
http://www.kieransenior.co.uk/wp-con...es/bg_main.gif

Bottom of the nav bar:
http://www.kieransenior.co.uk/wp-con...nav-bottom.gif

Footer:
http://www.kieransenior.co.uk/wp-con...ges/footer.gif

They're all accessible via the website.

I can't host zip files on my hosting so that'll have to do, sorry

[yamangman]

Nothing a bit of padding won't fix surely?


I'd say it isn't your header and nav bar that sit to the left either, i'd say it's your content that sits to the right. (if it was in it's right place in i.e. everthing would line up inculding the footer).

[Kezzer]

Very good point. Padding = bad idea, IE compliancy standards are different compared to other browsers so it'd probably break it even more. I could see if it's the content causing the problem though as the background image is tiled vertically around the content as well. I'll try it when I get some time, cheers

[yamangman]

You could try applying a padding style rule to *html so it will only apply in ie

[Kezzer]

Could do, but there are many variants of IE that don't accept those rules

[Iain]

The vast percentage of IE users are 5 and higher which does support the rule. Given the amount of traffic you're likely to receive I hardly think it's something you should think twice about. Unfortunately IE7 is more compliant so *html won't work when they eventually release it but there is a new conditional statement which IE7 supports to allow you to load specific style sheets for version of IE

[bobbyzero]

I'd recommend making a local copy of the page, then rebuilding your css from the ground up. Get rid of all padding and margins, then see if you still have problems.

Occasionally there is something that just doesn't work and you have to track it down the hard way.