Hello, I am the owner of www.AlreadyHosting.com, and I have ran into a small issue when trying to add a new feature to my site. Last night I attempted to add top 25px horizontal bar to the very top of my page (similiar to what webhostingtalk.com) has zone.. I have written the script and the bar shows up and closes like I want; however, it distorts the top of my website. What is happening is all of my website files are dropping like the should when the bar is active; however, the page background (the gray bar where the home button is, and the top blue color) does not shift down with the rest of the website... So the images/etc look out of place people the overlap the background... I do not know if I am overlooking something simple but I am having trouble trying to figure out how to make this look right without distorting my site. Currently the 25px bar has be disabled; but you can still see script when viewing my site's source... The code is blocked out below <body> if anyone needs to take a look.. I would appreciate any suggestions and tips... Thanks to all in advance.
Simple Add: background-position: 0 26px; Code (markup): ...below body { in your stylesheet. (Reason it's 26px instead of 25px is to account for the 1px border)
Thanks for that... It make the homepage look good on load but once the top bar is closed it makes the sight look messed up again because the background does not adjust with the rest of the page.