KG60

I've used a Mac since about 2004 starting with the old powerbook and, like Jack, I find it a lot more reliable than a PC. The screen is a lot clearer and the colours always seem a lot better. For Web design work I use Coda and there doesn't appear to be any comparable software for Windows. There is also a version available for the iPad which will sync with the Mac and allows me to make any small changes on the move if I need to. (I can make larger changes as well but I prefer to do most design work on the actual mac).

Thanks for the comments. Veeramanikandan - We already use the viewport meta tag but I have made a not of the other one for the css. The only page that we have a problem with is the contact page so I can't see this being the problem but it is useful to know. lakey - No, the problem hasn't been fixed. If you view it on an iPad you will see that the page displays at a smaller width to the other pages. I think I will have to remove one item at a time until I find what is causing the issue. It's a bit of a strange one.

Thanks for your comments. They're much appreciated. lesshardtofind - Yes I did run it through validators. I use Validator S.A.C on OSx for the html and have used the online W3C validator for the CSS. There are a couple of errors with the form that will need to be sorted but I don't think this will be causing the problem, although with the way code behaves sometime I'm not writing it off completely. junior - thanks for spotting the random 'val' which I have now removed on our test server. This hasn't resolved the issue but has at least it has removed an error. It's strange how you can go through code and not spot simple thing like this. I'll look through everything again to see if there is anything else I've missed.

Thanks for your replies. They're much appreciated. Jakdothtml - the fixed height for each of the contact classes is 727px and is used to keep the spacing between each image exact. I think you have definitely hit on something though as this will actually force to page height to be longer than is really necessary. I'm going to fiddle about with the css on our test server to see if I can find a better way to achieve the same look. Junior - the -450px is the only way I can get the footer to appear in the correct position, possibly due to the amount of images on the page that we have repositioned with the margin tag (I have also repositioned all the images on the contact page using transforms which probably hasn't helped). I don't think this is the main cause of the issue though and hopefully I can get it sorted taking jakdothtml's comments into consideration.

We seem to be having an issue with one of the pages on our latest website. All pages appear correctly on the iPad & Kindle apart from the contact page which displays at a smaller width. When checking the page the width settings are the same as all the other pages on the site. The pages display correctly on all other platforms and browsers. This just seems to be an issue with mobile devices. Any help would be appreciated. The site can be viewed at www.somethingbluebrides.co.uk

We have just gone live with one of our new sites but we are having an issue with extra blank space at the bottom of some of the pages. On some of the pages everything displays correctly with the page ending at the bottom of the footer. On certain pages though there is a varying amount of blank space after the footer which we can't seem to explain. Can anybody suggest a reason for this issue? The website can be viewed at www.somethingbluebrides.co.uk

Thanks for your reply. How would I change my CSS to work as a pseudo element so that I can get the same look? My current css is below: hr.symbol { width: 80%; padding: 0; border: none; border-top: medium double #818181; color: #006e0f; text-align: center; } hr.symbol:after { content: url(../images/symbol.png); display: inline-block; position: relative; top: -1.0em; font-size: 1.5em; padding: 0 0.25em; background: #f5f5f2; text-align: center; }

I have now got our website online but I have noticed an issue with the hr.symbol that I use on some of the pages. The horizontal rule appears to work fine on all browsers apart from Internet Explorer. In Internet Explorer half of the image is missing, the line is pushed to the left and there is no break in the line. Any suggestions on how to resolve this would be appreciated. Our website is OwlTree Web Solutions