PHP Progress bar breaks HTML>

I just implemented the progress bar described in "PHP 5 in Practice" by White and Eisenhamer on pp198ff.  The PHP code just echoes out a <style> section followed by a some div elements in the middle of the body section. What surprises me is that it's ok to stick a <style> ,,, </style> section in the middle of the body.  This seems to work fine but w3schools says for <style> at http://www.w3schools.com/tags/tag_style.asp :

The <style> element always goes inside the head section.

I'm just wondering how PHP gets around this. To make the bar go away when it reached completion I just echoed out:

echo "
	<style>
           #barbox {
		display:none;
	   }
	  #bar {
		display:none;
 	 }
	</style>
";

Open in new window


And that worked too.

Thanks for any input.
stevaAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Dave BaldwinFixer of ProblemsCommented:
The browsers are designed to try to make things work as much as they can.  So even things that aren't exactly by the rules will often work anyway.  That doesn't mean it's a good idea.  Better if you can find a way to do it by the rules.
stevaAuthor Commented:
I'm surprised that no one has jumped in to defend  White and Eisenhamer.  Ray,  you recommended this book to me awhile ago and I think you said you even knew one of the authors and spoke highly of him.  Nothing in his defense?

Steve
Slick812Commented:
greetings Steve,  I have noticed, that as Newer "Versions" of DHTML and CSS come out, sometimes things (usually the NEW stuff)  you do in DHTML and CSS work in one browser and not another. So to try and have working code I try and follow the "Rules", if I can, but the Rules are different in different browsers, not always  following the  w3schools  idea of what a Rule is, or what any other browser has its rules as.  Just because  w3schools  or anyone else says that DHTML works a certain way, does not mean that the Browser developers will use that idea.  I would say - If the code above works in all of your tested browsers, then don't worry about it.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
stevaAuthor Commented:
Slick812,

Thanks for response.  Yes the code does work in all the tested browsers.  I was a bit surprised when IE pulled it off, but it does.

I like your answer better than Dave's, so I'll give you the  points.

(Sorry Dave.)
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
PHP

From novice to tech pro — start learning today.