/    Sign up×
Community /Pin to ProfileBookmark

Browser support and browser difference / cPanel

Copy linkTweet thisAlerts:
Mar 19.2020

Hello,
I have to work on a website at work. The site was built by an ex-employee. The website is peaty messy.
My boss wanted me to add some simple stuff on the website such as 3 banners and about 6 photos to represent some flyers dimension.
Now a big deal… So I thought.
I tried to modify the code form the pages that are uploaded in cPanel but the CSS file would not work at all. All the CSS files are written in 1 line of code.
EX:
`div(width: 250px;height:250px;)section{background-color:red;}etc`
So I decited to make my own file of CSS, upload it and link it inside the HTML file for the modifycation I needed to make.

The problem.
Some browsers do not read the CSS file, or they read it just half of it… On chromes doesn’t work at all in edge everything works fine. On mobile, for some, it works fine and for others, not even the HTML shows up.

And I am talking about simple stuff like widths, box-shadows, margins.

Also, I noticed this before I had to work on this site, that the header from the first page on some browsers(Chrome) would not show up at all.

PS: I am a designer, not a programmer.

to post a comment
CSSHTML

8 Comments(s) ↴

Copy linkTweet thisAlerts:
@tracknutMar 19.2020 — Do the pages [validate](https://validator.w3.org) without errors?
Copy linkTweet thisAlerts:
@codyhillauthorMar 19.2020 — @tracknut#1616404 Those that I made, they do. But there are some old pages that have some errors like this is not supported in IE6 and IE6 or don't use some kind of classes. But usually, that kind of lies of code that have those error doesn't work at all.
Copy linkTweet thisAlerts:
@tracknutMar 19.2020 — @RaulRogojan#1616408 That's pretty odd. I presume you can't just give us a link to the site so we can check it out? Is there any JS in the code?
Copy linkTweet thisAlerts:
@codyhillauthorMar 19.2020 — @tracknut#1616409 I could but I'll delete this tomorrow.

the site is www.zeet.ro

On my home pc looks good. Does this have something to do with the fact that we were all on a server and the server has some bugs?

What I added are the banners from "Preț flyere" and the banner from "Simulator distribuție flyere".

His isn't the best code. From what I understand that ex employ was learning how to build sites when he built this one.

I am a designer and I am doing a boot camp of coding on the side (software), web stuff I learn for the web I learned from home and it's pretty hard for me to read his code as it's old and weird in some cases.
Copy linkTweet thisAlerts:
@tracknutMar 19.2020 — Unfortunately I can't cause the error here either, in several browsers including Chrome. So as you say, it may have something to do with the way your server is pushing out the files.

As far as debugging, it looks like you'll need to do it on your server locally to see the problem, unless someone else can spot something. By the way the css has been "minimized" the same way the JS has been, which is a common thing (note the file name .min.css) used to remove extra spaces but also to attempt to "hide" source code from people who might want to take it. But there should be a non-minimized version sitting around somewhere that you edit, then run through some tool that creates the minimized version that you don't edit. You can find html minimizers as well. I seriously doubt if that minimization has anything to do with your problem. You do have various JS routines that are modifying the display, and while I don't see anything fishy, you might play around with commenting them out temporarily to see if anything interesting can be learned from it.
Copy linkTweet thisAlerts:
@codyhillauthorMar 19.2020 — @tracknut#1616421 I see,

So that's why I could not edit or change the CSS file.

The only CSS file that I need to edit was minimized.

I saw that JS routines and I tough that it has to do with that. The JS could be written better but it is not my job to do that even tho a faster run time would be better.

Can you send me some blog post about minimizing the CSS or tell me more about it? As for how could I revers it and if there is even a point to minimize the files.

And how could I look for the error? Does the website look good for you?
Copy linkTweet thisAlerts:
@tracknutMar 20.2020 — @RaulRogojan#1616422 I have used CSS and JS minifiers from https://cssminifier.com and https://javascript-minifier.com so you might check there. I don't know that there is a way to reverse minification (I've never tried), but the term I'd look for is "pretty print", which generally means "take this code and add in the necessary spacing to make it look nice". You might find a CSS pretty printer that will do the task, I don't know. The point of minimization is to make the files smaller for faster downloads, which of course can save a little or a lot, depending on how much it's able to shrink the file. For something like the entire JQuery library, it must do quite a bit because we all (I think) include the minimized version as a matter of course. For smaller web sites, I don't see folks generally minifying their CSS and JS files.

As I mentioned, no I could not reproduce the error, the site looked fine in several browsers I tested, including Chrome.
Copy linkTweet thisAlerts:
@codyhillauthorMar 20.2020 — @tracknut#1616457 Ok, thank you very much!
×

Success!

Help @codyhill spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.12,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...