Css Error on First load, then layout gets better

Hi Can you please have a look at

http://www.airport-pickups-london.co.uk/
as the layout doesnt seems to be loading properly, but when you refresh, then layout gets better

 

It does seem ok to me...It downloaded ok, didnt have to refresh to see everything...if it helps my browser is Firefox 2.0.0.14 for Mac OSX 10.4.10

 

no problem on IE 7 and Firefox

 

It's fine for me too, but your header image kinda sticks out of the rounded edges at the top.

 

OK guys thanks for your time.

 

I'm seeing what you mean here in opera 9.25 and 9.5 beta. On the first page load the 'vehicle types' are squished together, and the header is 'busting out' of the container. If I revisit the page (hit enter in the address bar) they jump to where they should be, but if I REFRESH the broken layout returns.

This could be the opera positioning bug that's plagued me for a bit. I have a few lines of javascript I use to 'fix' it - it adds 1px padding to the body, then 30ms later removes it. Amazingly this tricks Opera into re-rendering the page properly.

/* 
	the following fixes Opera being a bit #DDD on loading
	background images
*/

function stageTwo() {
	document.body.style.padding="0";
}

function initialize() {
	if (navigator.userAgent.indexOf("Opera")>-1) {
		document.body.style.padding="0 1px";
		if (window.addEventListener){ 
			window.addEventListener('load',stageTwo,false); 
		} else if (window.attachEvent){ 
			window.attachEvent("onload",stageTwo);
		} else { 
			window.onload=stageTwo;
		}
	}
}

Code (markup):

I include that in the header, and call "initialize" right before the </body> tag.

Not 100% sure that's the problem though - if you are seeing it in other browsers, then the above is a no go.

You may also want to try fixing the 68 validation errors, as that likely means you are more relying on the error handling of the various browsers (which are different) than valid behaviors (which are different thanks to IE, but not as badly so)... You've got XHTML in your HTML doctype, enough inlined javascript to choke the DHTMLtards over at Dynamic Drive, tables that aren't even DOING anything (here's a big tip, if a table only has one TD, dont' use a table), presentational markup, hordes of unneccessary classes, paragraphs around entity spaces just to space out elements... It's a disaster.

52k of markup for 1.2k of content - that alone should send up warning flags. Even with the forms I'd be amazed for that page to cross the 15k mark coded 'properly'. That you're saddled with that fat bloated jquery rubbish (that you don't actually seem to be USING for anything) surely can't be helping much either.

 

Thanks will implement this, Thanks for your time

 

I had a similar problem here:

First load the footer is not clearing, refresh the page and it clears to down the bottom where it should be.

Never figured out why it did that.