CSS not applying to PHP page

Question

Here's a part of my .php file:

<html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta content="IE=8" http-equiv="X-UA-Compatible">
    <meta content="en-us" http-equiv="Content-Language">
    <meta content="TEST" http-equiv="description">
    <meta content="checkin, check-in, checkins, check-ins, checking-in, recommendations, popular, social, television, tv, show, shows, movie, movies, book, books, music, celebrity, game, games, video game, video games" http-equiv="keywords">
    <title> Recommend Me: Find Me a Movie</title>
    <link href="/css/reset.css" media="screen,projection" type="text/css" rel="stylesheet"/>
    <link href="/css/home.css" media="screen,projection" type="text/css" rel="stylesheet"/>
    <link href="/css/dialog.css" media="screen,projection" type="text/css" rel="stylesheet"/>
    <link href="/css/modals.css" media="screen,projection" type="text/css" rel="stylesheet"/>
    <script type="text/javascript">var _sf_startpt=(new Date()).getTime()</script>
</head>
<body>

The file structure is here:

enter image description here

Why can't I get the page formatted as the css? Removing those links to the css made no difference at all!

ClosureCowboy · Accepted Answer · 2011-02-19 17:36:41Z

3

Try removing the leading slash. The leading slash indicates that the path starts at the website's root, which might not be the "Source Files" directory.

In other words, use css/reset.css instead of /css/reset.css.

answered Feb 19, 2011 at 17:36

ClosureCowboy

21.7k14 gold badges59 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jared Farrish Over a year ago

While that could be the issue (relative paths are confused), this seems more like a guess than an answer.

ClosureCowboy Over a year ago

@Jared Leading slashes are a very common cause for this issue, and there could be so many possible reasons his CSS isn't working given the information provided (including errant stylesheets, and stylesheets whose rules happen not to apply to any of the elements on his document.

Jared Farrish Over a year ago

Oh sure, I know. My whole point is, it's a guess, and maybe the answer, but you haven't explained why, or given any other issues to check. That's all I'm saying.

ThiefMaster · Accepted Answer · 2011-02-19 17:40:01Z

1

You forgot to close your <meta> tags (use <meta ... /> with the slash before the >). So a browser is allowed to ignore anything after <meta content="IE=8" http-equiv="X-UA-Compatible"> as it does not belong inside <meta> tag.

However, since browsers are usually able to understand crappy HTML, it might not be the cause of your problem. Are you sure the CSS stylesheets are loaded from the correct URL? Test if http://yourdomain/css/reset.css actually exists. You might also simply want to remove the leading slash in the stylesheet URLs.

answered Feb 19, 2011 at 17:40

ThiefMaster

320k85 gold badges608 silver badges648 bronze badges

1 Comment

Jared Farrish Over a year ago

Another technique would be to check in Firebug and see what URL the browser is actually seeing on the client side. Whenever I have an issue, this is usually the place I look first.

Collectives™ on Stack Overflow

CSS not applying to PHP page

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related