Overflow not working

**superbrava** · Jan 10, 2003, 07:05

Code:

.frame {						overflow: auto;
							width: 577px;
							height: 182px;
							background: #000000 url('../images/www/content_bkgd.gif');}

any idea why overflow wont work?

**Lister14** · Jan 10, 2003, 07:23

do you have a link? -there might be something else influencing it...

**superbrava** · Jan 10, 2003, 07:58

no, it's on my computer at the moment. i'm using IE 6.0.26 on XP.. i dont know if this version reads this CSS element or not. i'm at a total loss.

**Lister14** · Jan 10, 2003, 08:17

well, i've got ie6 too, and usually it is quite good with css... it even reads dtuff other browsers wouldn't...

**Hierophant** · Jan 10, 2003, 08:18

Are you sure you have enough data to cause it to overflow?

**superbrava** · Jan 10, 2003, 08:22

yeah, i made sure there is plenty of data to make it overflow.... it's throwing images off even. my server is down, i'll try and get the site up hopefully later on today. i've looked, and looked, and looked at my code, i dont see what is wrong with it.

**Lister14** · Jan 10, 2003, 08:30

just an idea...

change the 'class' to an 'id': #frame {}

it might not matter but it's worth a shot...

**Ian Glass** · Jan 10, 2003, 10:54

There's also the possibility that on a previous rule you opened or closed it with a prenth instead of a curly bracket--it's nearly impossible to tell the difference and a mistake I make more often than I should! ;-)

~~Ian

**superbrava** · Jan 10, 2003, 16:40

http://subkultureonline.com/FalseNoiseEmptiness/ <-- url in question... here is my stylesheet...

Code:

body {							margin-top: 0px;
							margin-left: 0px;
							margin-right: 0px;
							margin-bottom: 0px;
							background: #000000;
							font-family: arial, verdana, sans-serif;
							font-size: 9pt;
							font-weight: normal;
							font-style: normal;
							color: #FFFFFF;}

td {							font-family: arial, verdana, sans-serif;
							font-size: 9pt;
							font-weight: normal;
							font-style: normal;
							color: #FFFFFF;}

.content {						width: 577px;
							height: 182px;
							overflow: auto;
							background: #000000 url('../images/www/content_bkgd.gif');}

i can't find an error!!! :\ grrr heh

**Paul O'B** · Jan 11, 2003, 09:14

Hi,

What are you trying to achieve with overflow :auto ?

A setting of auto should generate scroll bars only if the content in the block requires it.

A setting of visible forces the block to expand to the full width and height of the content displayed.

A setting of scroll generates scroll bars even when the content doesn't need it but they become active as the content exceeds the block.

In your code the scroll bars will appear when the content is greater than the block. I have copied your css and it seems to be behaving correctly.

Hope this helps.

Paul

**superbrava** · Jan 11, 2003, 16:39

it wont work for me... right now, there isn't enough content to scroll, but if i ad more, it just messes everything up and wont scroll.

**Hierophant** · Jan 11, 2003, 17:41

What browser are you using? Not all of them support that, the major one is Opera in all version before 7Beta1.

I think the biggest issue is that you are applying the style to a Table Cell. Why not get rid of the interior table and assign the content class to a DIV and see what happens. It might work then.