I see, so the element using overflow (#cast) is caught up in the float as well, 
and part of its height is hidden by the floated element (in this case the 
#marquee div). Does that sound right?

Since the #cast element is the only one that uses overflow:auto, I simply 
cleared it with clear:both. Please let me know if this has improved the page: 
http://monna-vanna.com/cast/

Chris


> From: [EMAIL PROTECTED]
> Date: Sat, 6 Oct 2007 10:14:52 +0900
> To: css-d@lists.css-discuss.org
> Subject: Re: [css-d] Safari Overflow:Auto Issue?
> 
> 
> On Oct 6, 2007, at 8:22 AM, Chris Davis wrote:
> 
> >
> > On a newly developed site I recently got an email saying that the  
> > content on one page of the site only took up 10% of the screen: far  
> > too little to see! The page makes use of overflow:auto and the user  
> > is browsing with Safari on a Mac. Can anyone else see the problem  
> > and suggest fixes?
> >
> > The page is here: http://monna-vanna.com/cast/
> 
> Yes, that is a known bug in Safari 2.0.0.x, and fixed in Webkit  
> nightly builds /Safari3beta.
> it is cause by the overflow on the element (#cast), nested in a block  
> with clear:both.
> 
> Fix: Use something like the easy clearing technique [1], or add a  
> clearing element before #content:
> #marquee {zoom:1} /* <!-- for iExploder */
> #marquee::after {clear:both; content:'[.]'; display:block;  
> visibility:hidden; height:0;}
> 
> #content {
>   /* clear:both;*/ /* <!-- remove */
> }
> 
> [1] <http://www.positioniseverything.net/easyclearing.html>
> 
> Philippe
> ---
> Philippe Wittenbergh
> <http://emps.l-c-n.com>
> 
> 
> 
> 
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

_________________________________________________________________
Peek-a-boo FREE Tricks & Treats for You!
http://www.reallivemoms.com?ocid=TXT_TAGHM&loc=us
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to