?
Solved

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

Posted on 2013-11-21
7
Medium Priority
?
388 Views
Last Modified: 2013-11-22
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?
0
Comment
Question by:dgmoore1
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
7 Comments
 
LVL 18

Assisted Solution

by:Steven Harris
Steven Harris earned 501 total points
ID: 39667700
Are you able to access the stylesheet directly?

How are you linking to the stylesheet?

Can you provide any of the files/text?
0
 
LVL 9

Assisted Solution

by:activematx
activematx earned 498 total points
ID: 39667720
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
 

Author Comment

by:dgmoore1
ID: 39667749
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
Video: Liquid Web Managed WordPress Comparisons

If you run run a WordPress, you understand the potential headaches you may face when updating your plugins and themes. Do you choose to update on the fly and risk taking down your site; or do you set up a staging, keep it in sync with your live site and use that to test updates?

 
LVL 53

Expert Comment

by:Scott Fell, EE MVE
ID: 39667986
Please post a link to your page
0
 

Author Comment

by:dgmoore1
ID: 39668662
Sorry, it's proprietary company property
0
 
LVL 43

Accepted Solution

by:
Chris Stanyon earned 501 total points
ID: 39668685
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
 

Author Closing Comment

by:dgmoore1
ID: 39668751
All helpful suggestions. I found an error in the stylesheet that IE ignores, but FF and Chrome did not like. Thanks to all.
0

Featured Post

On Demand Webinar: Networking for the Cloud Era

Ready to improve network connectivity? Watch this webinar to learn how SD-WANs and a one-click instant connect tool can boost provisions, deployment, and management of your cloud connection.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

764 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question