Chrome not displaying uploaded HTML and CSS code


Joined
Feb 15, 2021
Messages
30
Reaction score
0
Chrome not displaying uploaded HTML and CSS code



i use VS Code text editor



please see https://forallthetime.com/DEMO/index.html



in VS Code, the footer is flawless, FOOTER CONTENT is centered and has a larger font size



used FTP FileZilla to put up that page



footer is shifted to the left and not as large in chrome



i tried un-installing and re-installing chrome



i tried un-installing and re-installing FileZilla



i tried chrome incognito



i tried the above site in Firefox and its perfect



i tried Edge and it worked on 1 device, maybe not another



tried 2 computers, chrome, at my parents, no go



works fine on an Ipad!



and seems to display as it should on my Iphone

please help!
 
Ad

Advertisements

Joined
Mar 11, 2022
Messages
182
Reaction score
24
No differents on my chrome. I've compared with Firefox, Opera and IE. Same. Weird. Try to delete cache on your chrome or try this
Code:
<link rel="stylesheet" href="index.css?1234">
1234 is just a number to convince chrome, that is a new css file. If you do changes, of yourse the number should be different each time.

Maybe someday you will work with php, (index.php) instead of index.html. Than you may do this:
Code:
<link rel="stylesheet" href="index.css?<?php echo date('YmdHis');?>">

In both cases of course you should rename your file to a final name (without changing numbers anymore, because caching is important for live sites). But while developing you should be good with that.


BY THE WAY


If you're using Javascript files as well, than it's the same thing. Add a ? and a changing number. Or use <style>MYCSSINHERE</style> and <script>MYJSINHERE</script> within your head section until you're finished. Than copy your css and JS to files and include them as you did now.

Yes, caching can be struggling :)
 
Joined
Feb 15, 2021
Messages
30
Reaction score
0
BINGO!!!!!!!

>THANK YOU SO MUCH<

its working!

Code:
<link rel="stylesheet" href="index.css?1234">

any guess why this happened?

how much of my first million do i owe you?
 
Ad

Advertisements

Joined
Mar 11, 2022
Messages
182
Reaction score
24
Because of caching. Caching means, browsers store css and js files to a certain point. So on the next visit those files don't have to be loaded again. Good for users (faster load of a page), bad for developers who are still working on it.

So a ? followed by a number or even a string, kindof changes the file name and force the browser to load from source instead from cache. But remember, even "myfile.css?1234" can be cached and have to be changed also frequently.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top