I've tried to create a sidebar that uses the fixed positioning property. However after looking through various tutorials and how to's of the web I can't find a bugger wrong with my code.
This is good i hear you say.... well no its not. The problem is that the frigging sidebar isn't fixed!
You maybe able to tell but this is pissing me off to say the least. So i'm praying that someone with much superior CSS knowledge then I can solve the problem.
I've included the header graphic for use if you want to test it out.
(( Please note that im using IE.7 to test this so as far as i'm aware the position: fixed; property should work no problem. ))
Please help someone !?!?
This is good i hear you say.... well no its not. The problem is that the frigging sidebar isn't fixed!
You maybe able to tell but this is pissing me off to say the least. So i'm praying that someone with much superior CSS knowledge then I can solve the problem.
Code:
<html> <head> <style type="text/css"> *** i did have .sidebar here with the css code i've currently got in the style but it didn't affect it at all....!*** </style> </head> <body style = "background: black url(HeaderBG.png) repeat-x top left"> <div class = "Sidebar" style = "position: fixed; top: 10%; left: 2%; border-color: white;"> <table width = "150" height = "500" border = "1"> <tr> <td> Some Text </td> </tr> <tr> <td> Some Text </td> </tr> </table> </div> </body> </html>
(( Please note that im using IE.7 to test this so as far as i'm aware the position: fixed; property should work no problem. ))
Please help someone !?!?
Comment