<style> in body?

JackRbt

I have a footer in a separate file that gets included via PHP, and that has its own styles.

That means the footer's <style> is declared in the body, rather than as an element in <head>. Is there any problem with doing it that way?

My aim is simply to include "footer.php" and have it all turn out okay, without messing with anywhere else.

The HTML that is output by PHP is below:

Expand|Select|Wrap|Line Numbers

 
<html><head>

<link type="text/css" href="usual.css"

 rel="stylesheet">

</head><body>
 
stuff here
 
<style type="text/css">

#footer {

  color: #999900;

  font-family: "times new roman",times,serif;

  font-weight: bold;

  max-width: 600px;

}

link { color# 999900;  

}
 
</style>

<div id="footer">©2008<img align="middle" style="width: 172px; height: 55px; " src="logo.gif">

</div>

</body></html>

eWish

It can be done this way. However, it is not recommended. I would suggest that you include it in an external css file. Then import it so you will not have to bother with having it in the body.

--Kevin

drhowarddrfine

Well, it's invalid so I don't know what other problems you may have. It definitely messes with the DOM.

JackRbt

thanks to both for you for the heads-up

I went ahead and made all styles inline to avoid any unforeseen problems

asedt

I prefer having the footer css in the external css file and not inline in the footer included by php. Especially if the footer is used in many places.

You can then change the css in the css file and the footer in the footer file, separated as HTML/CSS is preferred to be.

I think it's better in some ways, one being because the css file get cashed on client side if used frequently, not inline css (donno how/if the footer.php is cashed, depends on how used I think, but it's pasted in on server side).

Expand|Select|Wrap|Line Numbers

 
<html><head>

<link type="text/css" href="usual.css"

 rel="stylesheet">

<!-- Footer STYLE there ^^^ -->

</head><body>

<!-- stuff here -->

<div id="footer">©2008<img src="logo.gif">

</div>

</body></html>

JackRbt

I suppose my thinking is that the footer will never change. Knock on wood, right? :)

Also, I'd think that I get carried away with being minimalistic, since my background was as an assembler programmer... so I see inline styles as one less network GET. Maybe I should break that habit of thinking. :)

And yes, you're right that any include is opaque to the browser and the network, which only sees the output html

<style> in body?

re: <style> in body?

re: <style> in body?

re: <style> in body?

re: <style> in body?

re: <style> in body?

Similar HTML / CSS bytes

/bytes/development

/bytes/it

/bytes/about