tags:

views:

26

answers:

3
Q: 

What is the error in including the css by php echo statement?

Hello there
I am using the following code for display the requested content.It is not the main page and here in this time only I need a css.But this CSS is not working.I dont know what is the reason.Please help me on this.

echo '
<html>
<head>      
    <title>My site</title>

<link href="css/main.css"/>
</head>
<body>
<div class="header">
        <div class="headercontent">


<div style="float: right; padding: 5px 15px 0pt 0pt;">Site</div>

<br>

        </div>
    </div>
    '

But the CSS is not working here.

+1  A: 

One thing I can see is that the link is missing the necessary rel="stylesheet". If that's not it, you will need to elaborate on what "not working" means exactly.

Pekka  2010-10-23 09:52:44
A: 

what CSS is not working? Are you getting any PHP errors? PHP and CSS are totally unrelated in this context. If your HTML is being outputted then your issue is with your CSS (likely the lack of a rel="stylesheet") not your PHP. Only PHP issue i can see is your echo is missing a closing semi-colon

seengee  2010-10-23 09:52:54
+1  A: 

Your <link> needs the properties that make the browser know it's CSS, like this:

<link rel="stylesheet" type="text/css" href="css/main.css"/>

Unless your server is already transferring it with a "text/css" MIME type, the browser's a bit confused on what it should do with this file, unaware it's a stylesheet.

It's important to remember <link> elements have many other purposes so you need to tell it (specifically with rel) what this one does, since they can also be used for:

  • Shortcut Icons
  • iPhone/iPad Icons
  • Search specifications (e.g. opensearch)
  • Canonical links
  • etc...
Nick Craver  2010-10-23 09:52:57
+1 Nice detailed answer. However, if you don't send a `text/css` content type along with the style sheet, Firefox will ignore it even if you specify a `type` attribute.
Pekka  2010-10-23 10:05:23
@Pekka - definitely good to know, the last time I tested without a correct MIME type in the headers was by accident and way back in Firefox 2 and it worked then, when did that behavior change?
Nick Craver  2010-10-23 10:11:22
@Nick I don't know when it started, I think somewhere around V2. It's still there: http://stackoverflow.com/questions/2883695/firefox-doesnt-show-my-css/ I'm not complaining though, I think it has won me three or four (promised) beers already :)
Pekka  2010-10-23 10:15:17

related questions

IE7 HTML/CSS margin-bottom bug.
IE7: header above menu
How to create an all browser-compatible hanging indent style in CSS in a span
How can you customize the numbers in an ordered list?
style.display not working in Firefox, Opera, Safari - IE7 OK
Best WYSIWYG CSS editor?
How important is W3C XHTML/CSS validation when finalizing work?
Solve the IE select overlap bug
IE8 overflow:auto with max-height
Autosizing Textarea
What is the best way to create rounded corners using CSS?
FF3 WinXP != FF3 Ubuntu - why?
Is there a business reason for striving for pure CSS layout?
How to set up a CSS switcher in ASP.NET
Setting a div's height in HTML with CSS
Wrapping lists into columns
CSS Background Color in Javascript
How can I make the browser see CSS and Javascript changes?
What sites offer free, quality web site design templates?
Can you recommend a good CSS online resource or book?
Html CSS Editor
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?