[haroldmethven]

Just made this website for a school project. If I visit the website for the first time, or I refresh the page, the layout is sort of broken. But it works when following the links. I can't figure out why it is doing this. Any help is appreciated

I have uploaded the screenshots showing bad and good.

EDIT:
URL: www.haroldmethven.com/appsolutions

Attached File(s)

•  Bad.png (380.42K)
  Number of downloads: 25
•  Good.png (357.85K)
  Number of downloads: 19

This post has been edited by haroldmethven: 20 January 2012 - 09:26 PM

[Renaissance-Design]

1. Does it validate?
2. Are you using a CSS reset?

[haroldmethven]

Renaissance-Design, on 20 January 2012 - 09:30 PM, said:

1. Does it validate?
2. Are you using a CSS reset?

Yes all pages are XHTML 1.0 transitional validated and using CSS reset at top of style sheet.

[Renaissance-Design]

Ok, does it break in any particular browser? Cos it looks absolutely fine to me (Firefox 9/Win7).

This post has been edited by Renaissance-Design: 20 January 2012 - 10:15 PM

[haroldmethven]

Renaissance-Design, on 20 January 2012 - 10:15 PM, said:

Ok, does it break in any particular browser? Cos it looks absolutely fine to me (Firefox 9/Win7).

I think it's mostly webkit.

[sash_oo7]

generally webdesigners test websites in ie7-9 firefox opera safari chrome

[haroldmethven]

Yeah I know, I mean Chrome and Safari.

[sash_oo7]

ur website shows fine in chrome and safari wht else u need?

[haroldmethven]

What happens if you go on the website and refresh a few times? It's like the website loads the css too late or something so it looks weird.

[sash_oo7]

have u optimized the images while slicing? if yes then nothing more u can do ur code is clean and w3c validated
if its slow to load then may be its ur connection so there is nothing to worry about it?

[haroldmethven]

What do you mean optimised images when slicing? Do you mean when saving them in photoshop, to save for web?

[sash_oo7]

haroldmethven, on 22 January 2012 - 10:00 AM, said:

What do you mean optimised images when slicing? Do you mean when saving them in photoshop, to save for web?

yes

[haroldmethven]

Ok I will do this and see what happens.

[haroldmethven]

It still happens, optimised all images. When I refresh the page it all looks wonky. But when following links to other pages looks fine?

EDIT: It also looks fine when running the files from my machine, it only happens when it's on the web server. And sometimes it works on the web but most of the time it just breaks. Works fine in Firefox, Opera and IE but Safari and Chrome don't like it.

This post has been edited by haroldmethven: 23 January 2012 - 07:11 PM

[haroldmethven]

Does anybody have any idea what is happening?

[sash_oo7]

it loads fine from my end

[haroldmethven]

I managed to fix it! I put the code for the images like the Logo and iPhone, after any text, like the navigation menu. I can't believe it was such a simple fix like that.

[sash_oo7]

glad u fixed it