Hi Bruce

Try floating the content div instead. I've often found this to be the easiest fix. A floated parent will contain its floated children.

 

I've been writing a document for my fellow programmers about nested lists and if write parent/child one more time I think I'm going to change my name to Dr. Seuss.

 

Ted

 

 


From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Bruce Gilbert
Sent: Tuesday, September 27, 2005 10:50 AM
To: [email protected]
Subject: [WSG] a better tsolution than oveflow:auto for Mozilla?

 

Hello,

on a new site I am working on (http://www.fortuneinteractive.com/) in
Mozilla/FF. you get the horizontal and vertical scroll bars on some of the pages and I know
the reason why. It is because I am overflow:auto on my content div. I
added this after googling and finding this was a float clearing
solver.

the content div has the following CSS:

div>#text_area{/*hiding from IE*/
background:url(bg_text_area.jpg) repeat-y;
color:#333;
text-align:left;
border:0;
padding-top:2em;
margin:0;
height:100%;
overflow:auto;
}


If I don't have the overflow:auto  in FF/moz the div doesn't extend
all the way to the footer like I want (the div in question is #text_area). Any suugestions on solving this
problem in Mozilla, FF?

 

let me know if I need to provide additional information...

full CSS:
http://www.fortuneinteractive.com/main.css


--
::Bruce::

Reply via email to