Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS How to Make a Website CSS: Cascading Style Sheets Use ID Selectors

My workspace won't show a preview of what I've coded, even though I am saving as I go. It's blank on browser page. Why?

My workspace won't show a preview of what I've coded, even though I am saving as I go. It's blank on browser page. Why?

4 Answers

I have to admit I didn't think of the network... There are certain ports that allow data through or restrict it so whatever network you were on most likely that was what was causing it. Anyway I'm glad it looks like it's working now! Keep up the good work!

Ms. Bergam,

There are a number of reasons why a preview won't show up from a person's workspace. I'll go over a few things that are the best for troubleshooting issues like this. First of all what web browser are you using? The best browsers are going to be Firefox, Internet Explorer, and Chrome. Some other third party browsers may not allow certain aspects of the site to work properly or the security on even one of the above may be too high. Second, make sure you've saved your workspace as an <!DOCTYPE html> closing the html properly (</html>). You must pay close attention to detail making sure all of your elements are closed and that your code is complete. When I first started out I fumbled there once in a while. Even forgetting the "!" in the DOCTYPE can mess it up. Thirdly, make sure that your file in the workspaces match your code. Even a small difference can keep the entire site from not working. Example: INDEX.html vs. index.html...etc.

If you have any further questions or none of the troubleshooting I've proposed works out please feel free to reply back.

-Rich W

Hi Rich,

I'm using Chrome. My <!DOCTYPE html> tag is correct, and I've gone through to check my code - the file name matches my code references. Could it be that I renamed the file in the workspace, so it's linking to the original blank document?

I can post my code but I don't know how the format will work in this comment's format.

THANK you Rich, I had html saved page as Index.html instead of index.html and the browser page kept displaying incorrectly. Thanks again for clear, detailed explanation.
S

Craig Curtis
Craig Curtis
19,985 Points

Hi, I'm having the same issue. It looks like I've got a cached version of a js file on the browser, and new saved changes aren't showing. Any fixes for this?

Sorry it wasn't a quick fix. Does your code match the renamed file? If not try changing it and see if that works.

Also, are you using any CSS files in this workspace? If something isn't set up right than that too can make it appear blank. If that doesn't fix it or isn't the issue then go ahead and post the code. We'll figure it out one way or another.

Hm. I just switched to another WiFi Network but I didn't change any code... but it looks like the preview page is up now. When I clicked the View icon this time, it rendered an Index page with links to my Workspace folders. I clicked on my html link and now it's functioning and responding to my code. I have no idea what changed though. Isn't that always the story? (My code doesn't work... I have no idea why. My code works! I have no idea why...) Anyway, thanks so much for your help Rich, that information was helpful for future references! -Amy