Hi,
Sometimes when I open my site, the vertical scroll bar is about 1 cm from right edge of pc screen (with some body color to the right of the scroll bar) - then if I refresh the page it goes to the very edge. Any idea how to correct it? Thanks. The page in question is: http://www.bernardkirby.com/msm.htm and the CSS code is:
<style type="text/css">
<!--
body {
margin : 0;
padding : 0;
background : #ffffff;
color : white;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : medium;
width : 100%;
}
.invisible {
display : none;
}
#fixed {
font-size : 14px;
position : absolute;
top : 0;
left : 0;
margin-left : 0;
width : 13em;
height : 100%;
background : #99ff99;
color : black;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align : center;
}
body > #fixed {
position : fixed;
}
#header {
margin-left : 10em;
margin-top : 1em;
padding-left : 6em;
background : #ffffff;
color : #006600;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
line-height : 1.5;
}
#content {
margin-left : 14em;
padding-right: 1em;
padding-top: 1em;
padding-bottom: 1em;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
line-height : 1.5;
padding-left : 3em;
background : #ffffff;
color : #006600;
}
code, pre {
font-family : monospace;
font-size : large;
font-weight : bold;
background : transparent none;
}
.center {
text-align : center;
}
h1 {
font-size : 4em;
text-align : center;
}
h2 {
margin-top : 2em;
}
h3 {
margin-top : 1em;
text-align : left;
}
h4 {
margin-top : 10px;
text-align : center;
}
a:link {
background : transparent none;
}
a:visited {
background : transparent none;
}
a:active {
background : transparent none;
}
a:hover {
background : transparent none;
}
#fixed a {
display: block;
color: #ffffff;
padding-left: 23px;
padding-right: 3px;
padding-top: 2px;
padding-bottom: 2px;
border: 0px blue solid;
width: 94px;
margin: 0;
text-decoration: none;
background:#669999;
font-size : 11px;
font-weight : normal;
}
#fixed a:hover {
background:#ffff99;
color:black;
}
div.address {
border-top : 0 solid black;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
text-align : center;
}
div.address img {
border : 0;
text-align : center;
}
-->
</style>
<!--[if IE 6]>
<link rel="stylesheet" href="IE6hack.css" type="text/css" />
<![endif]-->
</head>
|
Topic Options
Post Options
Thanks(0)
