I'm having problems with getting the contents of a DIV to overflow properly. With the automatic setting of overflow, the DIV simply gets bigger, with the hidden setting, the overflowing content is chopped off, and finally with the scroll setting there are scroll bars and the DIV's size does not change. The automatic setting isn't working as it used to -- giving a scroll bar where needed. See, with the scroll setting I get those annoying greyed-out scroll bars in my DIV's but I don't want them unless I need them. Also, the automatic setting seemed to used to only put a scrollbar on the axis needed. If the content only overflows vertically then only a vertical scrollbar is needed.
Someone tell me what I've forgotten or what new thingy I'm missing...Its been too long since I last decided to work on my site...
~JohnYou did't specify which browser you were using or whether you gave the division a specific fixed height.IE6 and yes, I did specify a height/width for the divI am getting confused about which one you'd prefer but play with this and you'll get scrollbars only when the content exceeds 110px in height:
<?xml version="1.0" encoding="UTF-8"?>
<!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>
<title>
Overflow to Scroll by Robert...
</title>
<style type="text/css">
<!--
.auto {
border: 1px solid #ccc;
background: #f6f6f6;
height: 110px;
margin: 20px;
width: 500px;
overflow: auto;
color: green;
}
-->
</style>
</head>
<body>
<div class="auto">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Praesent imperdiet, nunc nec cursus sagittis, diam ipsum
mattis turpis, non blandit wisi quam ut dolor. Nullam quis
leo vitae orci tristique commodo. Donec mauris elit, mollis
vel, pharetra sit amet, sodales ac, nisl. Pellentesque
tempus nisl quis sapien gravida bibendum. Integer quis
libero sit amet odio lobortis rhoncus. Ut eu lectus. Proin
augue wisi, semper quis, dictum vitae, fermentum nec, nibh.
Vestibulum scelerisque, diam sed mattis mollis, elit magna
aliquam sem, eget imperdiet felis pede at metus. Curabitur
pharetra imperdiet augue. Duis dignissim dapibus mauris.
Etiam quis quam ac nibh commodo porttitor.
</div>
</body>
</html>OH! overflow: auto and i thought it was overflow: automatic
thanks...its the little things i always get problems <!-- m --><a class="postlink" href="withhttp://www.w3.org/TR/REC-CSS2/visufx.html#overflow-clipping">withhttp://www.w3.org/TR/REC-CSS2/visuf ... w-clipping</a><!-- m -->
Someone tell me what I've forgotten or what new thingy I'm missing...Its been too long since I last decided to work on my site...
~JohnYou did't specify which browser you were using or whether you gave the division a specific fixed height.IE6 and yes, I did specify a height/width for the divI am getting confused about which one you'd prefer but play with this and you'll get scrollbars only when the content exceeds 110px in height:
<?xml version="1.0" encoding="UTF-8"?>
<!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>
<title>
Overflow to Scroll by Robert...
</title>
<style type="text/css">
<!--
.auto {
border: 1px solid #ccc;
background: #f6f6f6;
height: 110px;
margin: 20px;
width: 500px;
overflow: auto;
color: green;
}
-->
</style>
</head>
<body>
<div class="auto">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Praesent imperdiet, nunc nec cursus sagittis, diam ipsum
mattis turpis, non blandit wisi quam ut dolor. Nullam quis
leo vitae orci tristique commodo. Donec mauris elit, mollis
vel, pharetra sit amet, sodales ac, nisl. Pellentesque
tempus nisl quis sapien gravida bibendum. Integer quis
libero sit amet odio lobortis rhoncus. Ut eu lectus. Proin
augue wisi, semper quis, dictum vitae, fermentum nec, nibh.
Vestibulum scelerisque, diam sed mattis mollis, elit magna
aliquam sem, eget imperdiet felis pede at metus. Curabitur
pharetra imperdiet augue. Duis dignissim dapibus mauris.
Etiam quis quam ac nibh commodo porttitor.
</div>
</body>
</html>OH! overflow: auto and i thought it was overflow: automatic
thanks...its the little things i always get problems <!-- m --><a class="postlink" href="withhttp://www.w3.org/TR/REC-CSS2/visufx.html#overflow-clipping">withhttp://www.w3.org/TR/REC-CSS2/visuf ... w-clipping</a><!-- m -->