[css-d] Is CSS affecting my Flash?
Hi. Something is making my Flash file look off on a maximized IE at 1024x768. It looks fine on every other browser I'm trying, so I'm wondering if it's a CSS float issue. I know I screw up CSS floats sometimes, and I'm wondering if this is one of those times. _http://www.suffolksites.com/affordable_roofing_remodeling/_ (http://www.suffolksites.com/affordable_roofing_remodeling/) Any insight would be greatly appreciated. Thanks Bruce __ css-discuss [css-d@lists.css-discuss.org] 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/
Re: [css-d] FIXED: iPhone/iPad iPhun
I've fervently kept up with the thread in the hopes that it would also shed light on a that I am having with a new site (our new company site). http://new.hairydogdigital.com It is a Joomla site that should display with alternate css depending upon max-device-width for both tablet and smartphone. So far it works as expected with one strange hitch... and this is where I thought this thread would help... When loading on iPad the site loads as expected regardless of portrait or landscape orientation. When switching from landscape to portait everything adjusts properly. However, when switching from portrait to landscape the site scales up for some reason that is beyond me, forcing the user to pinch the display to fit. My guess is that this problem also occurs on iPhone/iPod Touch as well. After following this thread, I thought it may be related to a slider that is set to display:none at tablet and smartphone sizes. I tried switching to visibility:hidden. That did not only NOT resolve the problem, it introduced myriad others. I found the following thread on Stack Overflow that addresses the problem: http://stackoverflow.com/questions/5434656/ipad-layout-scales-up-when-rotati ng-from-portrait-to-landcape However, the one viable solution presented requires JavaScript. Has anyone dealt with this without relying on JavaScript and in such a way that you do not eliminate the ability for the user to pinch-zoom? Rob Emenecker @ Hairy Dog Digital www.hairydogdigital.com Please note: Return e-mail messages are only accepted from discussion groups that this e-mail address subscribes to. All other messages are automatically deleted. __ css-discuss [css-d@lists.css-discuss.org] 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/
Re: [css-d] FIXED: iPhone/iPad iPhun
I found the following thread on Stack Overflow that addresses the problem: http://stackoverflow.com/questions/5434656/ipad-layout-scales-up-when-rotati ng-from-portrait-to-landcape Addenda: This method does not allow pinch-zoom. At least not in my testing. __ css-discuss [css-d@lists.css-discuss.org] 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/
Re: [css-d] FIXED: iPhone/iPad iPhun
On Jan 14, 2012, at 1:00 PM, Rob Emenecker list-s...@hairydogdigital.com wrote: I found the following thread on Stack Overflow that addresses the problem: http://stackoverflow.com/questions/5434656/ipad-layout-scales-up-when-rotati ng-from-portrait-to-landcape Addenda: This method does not allow pinch-zoom. At least not in my testing. _ This is the down side to this method. Keeping people from zooming is bad. I posted a link to a recent js fix early in this thread ( the OP's thread) that seems to be working well based on reviewers testing. __ css-discuss [css-d@lists.css-discuss.org] 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/
Re: [css-d] FIXED: iPhone/iPad iPhun
I posted a link to a recent js fix early in this thread ( the OP's thread) that seems to be working well based on reviewers testing. Ah! I just dug back through the original posts and found the link. Thanks Tom! Rob Emenecker @ Hairy Dog Digital www.hairydogdigital.com Please note: Return e-mail messages are only accepted from discussion groups that this e-mail address subscribes to. All other messages are automatically deleted. __ css-discuss [css-d@lists.css-discuss.org] 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/
[css-d] four-sided CSS3 drop shadow?
I am experimenting with CSS3 drop shadows. Most examples only show it working with two sides - usually the bottom and right or left side. Is there a way to have the shadow cover all sides - top, bottom, right and left? Here is some sample code that I have been working with. It only covers the bottom and right side. -moz-box-shadow: 8px 8px 8px #ddd; -webkit-box-shadow: 8px 8px 8px #ddd; box-shadow: 8px 8px 8px #ddd; -- Stephen Britton Technology Consultant sbrit...@gmail.com Twitter: @StephenBritton ph: 914-661-0040 Life isn't about finding yourself. Life is about creating yourself. - George Bernard Shaw __ css-discuss [css-d@lists.css-discuss.org] 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/
Re: [css-d] four-sided CSS3 drop shadow?
On Saturday, January 14, 2012 4:06:30 pm Stephen Britton wrote: I am experimenting with CSS3 drop shadows. Most examples only show it working with two sides - usually the bottom and right or left side. Is there a way to have the shadow cover all sides - top, bottom, right and left? Here is some sample code that I have been working with. It only covers the bottom and right side. -moz-box-shadow: 8px 8px 8px #ddd; -webkit-box-shadow: 8px 8px 8px #ddd; box-shadow: 8px 8px 8px #ddd; You just have to make the spread of the shadow bigger than then offset. box-shadow: 0 0 4px #ddd; Or, with what you have: box-shadow: 8px 8px 10px #ddd; That'll give a 2px top and left shadow, and a 10px bottom and right shadow. ---Tim __ css-discuss [css-d@lists.css-discuss.org] 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/
Re: [css-d] four-sided CSS3 drop shadow?
On 1/14/12 1:16 PM, Tim Climis wrote: On Saturday, January 14, 2012 4:06:30 pm Stephen Britton wrote: I am experimenting with CSS3 drop shadows. Most examples only show it working with two sides - usually the bottom and right or left side. Is there a way to have the shadow cover all sides - top, bottom, right and left? Here is some sample code that I have been working with. It only covers the bottom and right side. -moz-box-shadow: 8px 8px 8px #ddd; -webkit-box-shadow: 8px 8px 8px #ddd; box-shadow: 8px 8px 8px #ddd; You just have to make the spread of the shadow bigger than then offset. box-shadow: 0 0 4px #ddd; Or, with what you have: box-shadow: 8px 8px 10px #ddd; That'll give a 2px top and left shadow, and a 10px bottom and right shadow. ---Tim To add to Tim's suggestion, be aware that you can specify a fourth length value - spread. That lets you increase (+) or decrease(-) the size of the shadow that's behind the box. You can also create more than one shadow, of course (and use negative X or Y values to put the shadow to the left or above the box.) -- Cordially, David __ css-discuss [css-d@lists.css-discuss.org] 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/
Re: [css-d] four-sided CSS3 drop shadow?
On 15/01/2012 8:16 AM, Tim Climis wrote: On Saturday, January 14, 2012 4:06:30 pm Stephen Britton wrote: I am experimenting with CSS3 drop shadows. Most examples only show it working with two sides - usually the bottom and right or left side. Is there a way to have the shadow cover all sides - top, bottom, right and left? Here is some sample code that I have been working with. It only covers the bottom and right side. -moz-box-shadow: 8px 8px 8px #ddd; -webkit-box-shadow: 8px 8px 8px #ddd; box-shadow: 8px 8px 8px #ddd; You just have to make the spread of the shadow bigger than then offset. box-shadow: 0 0 4px #ddd; Or, with what you have: box-shadow: 8px 8px 10px #ddd; That'll give a 2px top and left shadow, and a 10px bottom and right shadow. ---Tim Not so. There needs to be a forth value in the box-shadow string to indicate spread. Something like this spreads the shadow evenly on all sides. box-shadow:0px 0px 0.5em 0.5em gray; The spec goes into some detail in explaining the variations of box-shadow (see example 29 and 30). http://dev.w3.org/csswg/css3-background/#the-box-shadow -- Alan Gresley http://css-3d.org/ http://css-class.com/ __ css-discuss [css-d@lists.css-discuss.org] 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/
