Scrollbars vises ikke i firefox
Hey!Jeg har det problem, at min side, som lige nu kun består af en centret div, med tilhørende css, ikke viser nogen scrollbars når jeg gør browser vinduet mindre.
html:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" description="" keywords="">
</meta>
<style type="text/css" media="all"> @import "./domi.css"; </style>
</head>
<body>
<div id="indhold">
<p>tekst </p>
<p>tekst </p>
<p>tekst</p>
<p>tekst </p>
<p>tekst </p>
</div>
</body>
</html>
css:
/*Resetting the browser margin and padding defaults*/
*{
margin: 0px;
padding: 0px;
}
/*Formatting of the body*/
body{
text-align: center;
min-width: 880px;
font: normal 14px UnBatang sans-serif;
background: url() no-repeat;
background-color: #FFF;
overflow: auto;
}
body a{
color: #222;
text-decoration: none;
}
/*indhold*/
#indhold{
position: fixed;
top: 15%;
left: 20%;
width: 60%;
height: 101%;
overflow: visible;
border-width: 0px 0px 0px 0px;
border-color: black;
border-style: solid;
background: url('../silverback.png') repeat;
text-align: left;
}
/*topmenu*/
#top{
position: fixed;
top:10%;
left:20%;
width: 60%;
height: 5%;
border: none;
padding: 10px;
margin: 0px;
letter-spacing: 3px;
text-align: justify;
}
Jeg har prøvet at pille ved height og overflow attributterne i "indhold" og body, men til ingen nytte.
Scrollbarene vises i IE8, men til gengæld fungere top-attributten ikke.