CSS not showing in root but then showing (sometimes) after clicking around
Hi everyone. First post here. :)
So I'm having a bit of an issue with my CSS displaying. When I type in my root domain dissertationformatting.com on Chrome or FF (up to date), the webpage shows without the styles (just unformatted text). Then, after clicking on one of the links in the unformatted menu, the CSS load on the next page. I am unable to get the styles to load at all on Safari (v5.1.9).
Sometimes it takes several minutes before the CSS will start loading.
Before each of my tests (desktop pc windows 8, all browsers up to date; laptop pc windows 7, all browsers up to date; macbook air, not sure which OS, Safari 5.1.9), I am clearing my browsing history and starting by typing in the url from scratch.
I thought it might be a doctype issue earlier, and I've been playing with that today.
Right now I'm using:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Before I was using HTML 4.0 with just a plain <html> tag.
My style sheet is located at http://www.dissertationformatting.com/style.css
Is there some kind of delay when updating doctype on your page. Any idea what is going on? I can't figure it out. :( Any help would be greatly appreciated, thank you! :)