PDA

View Full Version : Peculiar Float behavior in Safari?



Jim Nayzium
Nov 14th, 2006, 01:59 PM
http://mikebake.p194.pandawebsites.com/Staging-StudioAuditions/industrynews_home_FromScratch.php

My footer uses this code for its CSS

http://mikebake.p194.pandawebsites.com/Staging-StudioAuditions/css/studioauditions_main.css

#footer class

It works in all my test except for Safari...If the screen starts out smaller than the window's total height, the footer floats on top of the content....then if I resize the window and refresh the footer floats to the bottom and out of the way...

So in theory it is doing what it is told, but I don't want it to show up at all if the content area is bigger than the window? does that make sense...

Strangely, http://mikebake.p194.pandawebsites.com/Staging-StudioAuditions/index_css_template7.php

uses the same CSS for footer and responds as expected...I think because the page is always taller than a normal window so it never gets 'confused'

Can someone point me to the area where Safari differences on Floats is covered?

Thanks.

rmedek
Nov 14th, 2006, 03:30 PM
Well, the footer is being absolutely positioned, so it doesn't get affected by floats in any way. Absolutely positioned elements are completely removed from the page flow and are positioned relative to it's relative containing block.

What version of Safari are you using? I checked the site in 2.0.4 (the latest PPC version) and it's working fine…

Jim Nayzium
Nov 17th, 2006, 03:14 PM
I am using 2.0 (guess its time to upgrade...)

But I would like figure out the source of the problem...

see if you see any code difference in this one....cuz for some reason its working fine on my end...

I bet theree is just a div tag not closed or something...

http://mikebake.p194.pandawebsites.com/Staging-StudioAuditions/industrynews_home.php