HTML/CSS styling renders in some browsers but not in others

I have a simple table on an html page styled using css. On my work computer, on the company Intranet, the table renders correctly in IE 10, but in Firefox the table renders as if the stylesheet doesn't exist. On my home computer, accessing the page over the Internet, the CSS is ignored in IE 10, Firefox and Chrome. Can anybody suggest where I should start looking for the problem?
dgmoore1Asked:
Who is Participating?
 
Chris StanyonConnect With a Mentor Commented:
Can you emulate the problem without giving away too much - create page with a simple table and link to a simple CSS file for us to look at. If we can't see it, then we are just guessing!!

If it renders in one browser and not in another, then it's usually a sign of poor coding standards. Check DOCTYPEs, Validate your HTML and CSS, include a CSS normalizer etc - all standard stuff for cross-platform development

If it's accessible on one network and not another, then it's either permissions or paths.

On your home computer, is it ALL css that's ignored or just the Table stuff.

Open your page in Chrome, Press F12 to bring up the web developer tools and look at the Network tab and the Console tab to see if you're getting any 404 errors on your resources. If you are fix them (change paths) and try again...
0
 
Steven HarrisConnect With a Mentor PresidentCommented:
Are you able to access the stylesheet directly?

How are you linking to the stylesheet?

Can you provide any of the files/text?
0
 
activematxConnect With a Mentor Commented:
I would imagine that you might be using a relative link for your CSS style shit.  Try using an absolute link for your CSS style sheet.


Example  (instead of):    \stylesheets\screen.css

Try this:   http://www.mywebsite.com\stylesheets\screen.css
0
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

 
dgmoore1Author Commented:
I am using a relative link - the stylesheet is in a folder under the root of the folder containing the html files. Tomorrow I'll try an absolute link - thanks for the suggestion.
0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Please post a link to your page
0
 
dgmoore1Author Commented:
Sorry, it's proprietary company property
0
 
dgmoore1Author Commented:
All helpful suggestions. I found an error in the stylesheet that IE ignores, but FF and Chrome did not like. Thanks to all.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.