Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Megan Weber
27,273 PointsWhy am I having a FOUC? The link tag's in the head tag. How can I fix it?
^
Megan Weber
27,273 PointsI'm using Workspaces in Firefox on Windows 10. Here's my workspace: https://www.dropbox.com/s/43kfmzxb1meysh0/sinatra_web_app.zip?dl=0
4 Answers
Alan Manton
3,245 PointsI noticed there was a minor typo that resulted in no styles showing but I'm not sure if this is related to your issue. The file that was automatically loaded into the workspace was named style.css and the file on the video was named styles.css. Have you tried editing your code so that the href="/style.css" rather than href="styles.css"?
Jay McGavren
Treehouse TeacherSorry, but I can't replicate using either Chrome or Firefox on my Mac. I even set it up locally and served the .css file from a separate webserver with a 3-second delay: the page displays no content at all until the .css resource finishes loading, i.e. it waits 3 seconds for the CSS to load, then displays the content, already styled.
Jay McGavren
Treehouse TeacherI also set up your code in a Workspace, by the way. A snapshot is here: http://w.trhou.se/xty6po5bxs
Megan Weber
27,273 PointsHuh. This time it worked fine for me, with no FOUC.
Christopher Phillips
10,061 PointsI don't know if this will solve your problem but in the workspace example, the file for the css is called "styles.css" but when you download it to work on your own system, it is singular: "style.css"
edit: Alan's response wasn't showing when I typed my answer. ..strange.
Jay McGavren
Treehouse TeacherJay McGavren
Treehouse TeacherI'm afraid we can't really diagnose the problem based on what you've posted here. Can you post your code?
I just set up a workspace with the code from the video, and I'm not seeing any flashes of unstyled content. Here's a snapshot of my workspace. But then, the page loads near-instantaneously for me, so maybe I'm missing it.
It might also help if we knew what browser and OS you're using, or whether you're running this on your local computer or in Workspaces.