Does overflow work in Firefox?

@pathfinder74Dec 02.2005

I can’t seem to make it work right.

Am I leaving something out?

.content { top: 150px; left: 170px; position: absolute; width: 480px; height: 325; padding: 5 15 5 5px; text-align: justify; overflow: auto;

to post a comment

CSS

@drhowarddrfineDec 02.2005 — #Overflow works just fine in FF. Possibly the problem is caused by position:absolute because the div will collapse on you without content and/or it's messing with your overflow.

@pathfinder74authorDec 02.2005 — #Overflow works just fine in FF. Possibly the problem is caused by position:absolute because the div will collapse on you without content and/or it's messing with your overflow.[/QUOTE]

I was working on this for a while last night. Still couldn't get it to work.

Does it accept all of the attributes? Will auto, in particular, work?

Scroll works but I hate that inactive bottom/horizontal scroll bar just being there. Looks crappy.

I'll try the relative thing.

@drhowarddrfineDec 02.2005 — #Hard to help without code or a link. I'm going out of town in a few minutes and won't be back till Monday or so.

@pathfinder74authorDec 02.2005 — #.logo

{

border-style: solid;

border-width: 2px;

border-color: yellow;

padding: 0px 0px 0px 0px;

margin: 0 0 0 0px;

background-image: url('logo.gif');

background-repeat: no-repeat;

position: absolute;

top: 60px;

right: 467px;

width: 200px;

height: 60px;}

.content
   {
   border-style: solid;
   border-width: 2px;
   border-color: yellow;
   padding: 0px 0px 0px 0px;
   margin: 0 0 0 0px;
   top: 122px;
   left: 170px;
   bottom: 120px;
   position: relative;
   width: 490px;
   height: 335px;
   text-align: justify;
   overflow: auto;}
 
  .side_right
   {background-image: url('right.gif');
   background-repeat: no-repeat; 
   padding: 0px 0px 0px 0px;
   margin: 0 0 0 0px;
   position: relative;
   bottom: 426px;
   left: 443px;
   width: 70px;
   height: 490px;}
 
 
  .links
   {font-size: 100%;
   font-family: arial, verdana, helvetica, sans-serif; 
   position: relative;
   margin: 0 0 0 0px;
   top: 166px;
   left: 169px;
   width: 300px;}
 
 
  .bottom
   {background-image: url('bottom.gif');
   background-repeat: no-repeat;
   top: 521px;
   left: 346px;
   width: 516px;
   height: 59px;
   position: absolute;}[/QUOTE]

It's working now... but I'm not completely sure I know what I did to make it work. I did change the attribute to the <DIV> that sits underneath the container I have the overflow to relative... I'll just assume that's what's doing it..

Does overflow work in Firefox?

4 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Does overflow work in Firefox?

4 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #CSS _↴