CSS/PHP help? Temporary banner

[DougK62]

Hello. I've been tasked with creating a visual alert on our company website for when we send out an emergency notification. We have an RSS feed that is posted to with emergency information. I have a php RSS reader on our website that looks at this feed for a new post whenever a page is refreshed. If it finds one, then it displays it on the front of our website. This all works just fine.

What I'm trying to do now is place the notice where I want it on the website. Ideally, all content on the website will be shifted down (say, 100px) and a 100px high red bar would be across the top of the website with our emergency notification. Can anyone give me pointers on what I should be using, CSS wise, to accomplish this formatting?

Any help is super appreciated. I see this around on websites all the time but don't know how to accomplish it.

Thanks

 

[DaveSimmons]

Do you include shared header file for all pages? If not, you could add one.

If not already there, the header could normally write / echo nothing, so no space is added. When needed it could add the banner HTML