marquis Posted January 20, 2007 Share Posted January 20, 2007 i need me side bar to be fix on the page it wrks fine in firefox but not in IEhere is my CSS /**************** Page and tag styles ****************/body{margin:0; padding:0; color:#303030; background:#fafafa url(img/bodybg.gif) top left repeat-y; font:76% Verdana,Tahoma,sans-serif;}table{background-color:#ff8080;}ul{list-style:circle; margin:15px 0 20px 0; font-size:0.9em;}li{margin:0 0 8px 25px;}a{color:#d85d5d; font-weight:bold; text-decoration:none;}a:hover{color:#505050; text-decoration:underline;}img{float:none; margin:0 15px 15px 0; padding:1px; background:#ffffff; border:0px; solid #d0d0d0; border-style:none}a img{border-color:#d85d5d;}a img:hover{background:#d85d5d; border-color:#d85d5d;}/**************** Sidebar area styles ****************/#sidebar{position:absolute; top:0; left:0; width:220px; height:100%; overflow:hidden; background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; text-align:right;}body > #sidebar{position:fixed;}#sidebar h1{margin:20px 18px 0 5px; color:#d85d5d; font-size:1.6em; letter-spacing:-2px; text-align:right;}#sidebar h2, #sidebar h3{margin:0 20px 18px 5px; color:#808080; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:right;}#sidebar h3{margin:20px 18px 4px 5px; color:#606060;}#sidebar p{margin:0 20px 18px 5px; color:#606060; font-size:0.8em;}#sidebar a{color:#808080}/**************** Navigation menu styles ****************/#menu a{display:block; width:202px; padding:5px 18px 5px 0; color:#606060; background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; font-size:1.8em; font-weight:normal; text-decoration:none; letter-spacing:-2px;}#menu a:hover {color:#303030; background:#f0f0f0 url(img/sidebarbg.gif) top right repeat-y;}#menu a.active{padding:5px 18px 5px 0; background:#fafafa; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}#menu a.active:hover{color:#505050; background:#fafafa;}/**************** Content area styles ****************/#content{width:520px; margin:0 0 0 240px; padding:20px 0; background:#fafafa;}#content p{margin:0 0 20px 0; line-height:1.5em;text-align:left;}#content h1{margin:0; color:#d85d5d; font-size:4em; letter-spacing:-5px; text-align:center;}#content h2{margin:0; color:#808080; font-weight:normal; font-size:2.5em; letter-spacing:-2px; text-align:center;}#content h3{clear:both; margin:30px 0 10px 0; color:#d85d5d; font-weight:normal; font-size: 2em; letter-spacing:-2px;text-align:center;}#content h4{color:#d85d5d; text-align:center;}#content h5{color:#d85d5d; text-align:center;}#content h6{color:#d85d5d; text-align:center;} Link to comment Share on other sites More sharing options...
real_illusions Posted January 20, 2007 Share Posted January 20, 2007 have you got a link to the code? or paste the html bit. Link to comment Share on other sites More sharing options...
marquis Posted January 20, 2007 Author Share Posted January 20, 2007 yes its linked and everything. like i sayed it all works in IE and firefox except in IE the side bar is not fixed Link to comment Share on other sites More sharing options...
Anders Moen Posted January 20, 2007 Share Posted January 20, 2007 I don't think that was what he meant. I think he meant he wants the link to your page, so he can see it himself. Link to comment Share on other sites More sharing options...
marquis Posted January 20, 2007 Author Share Posted January 20, 2007 <link rel="stylesheet" href="CSS.css" type="text/css" /> Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now