On Feb 23, 2006, at 6:39 AM, Lowell Allen wrote:
> I'm getting consistent crashes of Safari (OS X 10.3.9, Safari 1.3.2
> v312.5) on a page with an absolutely positioned footer:
> <http://carbon.liquidweb.com/~shelbypr/upload_files.php>. The form on
> that page uses Javascript to hide file upload input fields unless
> selected from a select list. Troubleshooting reveals that removing the
> absolutely positioned footer stops the crash. It's like Safari can't
> calculate where to put the footer with the Javascript function running
> on page load, which determines the height of the form and the
> relatively positioned parent of the absolutely positioned footer.
>
> With an earlier version of this layout I also noticed that Safari
> wasn't able to position the footer correctly when clearing of floated
> elements changed the height of the relatively positioned parent of the
> footer.
It crashes nicely running Safari 2.0.3 (not surprising, Safari 1.3
and 2.03 are the same code base).
Instead of using position: absolute for your footer, just leave it in
the flow, and use clear both. That would also allow you to get rid of
the width and height on the #footer, which causes the text to drop
out partly in my browser (Camino 1.0+, min-fontsize set to 14px).
Just add a clear: both to clear the two floated columns.
#footer {
/*position: absolute;
bottom: 0;
left: 0;*/
clear:both;
/*width: 750px;
height: 24px;*/
background-color: #FFF;
border-top: 1px solid #CCC;
}
Works fine on my side (tested with Camino, Opera 9tp2, Firefox 1.5
and Safari.
PS, your page doesn't crash on the latest WebKit nightly build.
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
