quentin
05-05-2005, 08:01 AM
I am looking for a DIV with scroller
it must look like a DIV with overflow:auto for IE and css scrollbars (only small images arrows) and being able to scrollhorizontaly or vertically
a shame that there is no way to do that with -moz filters
<!doctype html public "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
<title> scroller </title>
<style type="text/css">
.box
{
width:200px;
height:60px;
padding:10px;
margin:auto;
overflow:auto;
border:1px solid #000000;
scrollbar-face-color:rgb(255,255,255);
scrollbar-highlight-color:rgb(255,255,255);
scrollbar-shadow-color:rgb(255,255,255);
scrollbar-3dlight-color:rgb(255,255,255);
scrollbar-arrow-color:rgb(0,0,0);
scrollbar-track-color:rgb(255,255,255);
scrollbar-darkshadow-color:rgb(255,255,255);
}
</style>
</head>
<body>
<form id="MainForm" method="post" action="">
<div class="box">
sfda dsfdsa gfagsfda dsfdsa gfagsfda dsfdsa gfagsfda
dsfdsa gfagsfda dsfdsa gfagsfda dsfdsa gfagsfda dsfdsa
gfagsfda dsfdsa gfagsfda dsfdsa gfagsfda dsfdsa gfagsfda
dsfdsa gfagsfda dsfdsa gfagsfda dsfdsa gfag
</div>
</form>
</body>
</html>
thank you
it must look like a DIV with overflow:auto for IE and css scrollbars (only small images arrows) and being able to scrollhorizontaly or vertically
a shame that there is no way to do that with -moz filters
<!doctype html public "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
<title> scroller </title>
<style type="text/css">
.box
{
width:200px;
height:60px;
padding:10px;
margin:auto;
overflow:auto;
border:1px solid #000000;
scrollbar-face-color:rgb(255,255,255);
scrollbar-highlight-color:rgb(255,255,255);
scrollbar-shadow-color:rgb(255,255,255);
scrollbar-3dlight-color:rgb(255,255,255);
scrollbar-arrow-color:rgb(0,0,0);
scrollbar-track-color:rgb(255,255,255);
scrollbar-darkshadow-color:rgb(255,255,255);
}
</style>
</head>
<body>
<form id="MainForm" method="post" action="">
<div class="box">
sfda dsfdsa gfagsfda dsfdsa gfagsfda dsfdsa gfagsfda
dsfdsa gfagsfda dsfdsa gfagsfda dsfdsa gfagsfda dsfdsa
gfagsfda dsfdsa gfagsfda dsfdsa gfagsfda dsfdsa gfagsfda
dsfdsa gfagsfda dsfdsa gfagsfda dsfdsa gfag
</div>
</form>
</body>
</html>
thank you