Re: [css-d] Dead zone beneath linked images
And the verdict is: Not a div of devil-spawned images, but the Facebook Like Button From Hell. Firebug showed me code for the Like button was far exceeding its boundaries, extending deep into the sidebar. I added "overflow:auto" to my content div to contain the Like button. Thanks for the assistance! On 4/21/11 12:56 AM, RePost wrote: Tried both Claude and Chetan's suggestions with no effect. There's something about those devil-spawned images that causes a dead zone beneath them. I've moved them now above an identical div with identically placed images. They're still causing a dead zone into the top of the lower div. The lower div, meanwhile, creates no such effect. I just don't get it. http://bit.ly/eYGXbo On 4/20/11 11:52 PM, Claude Needham wrote: On Wed, Apr 20, 2011 at 6:00 PM, RePost wrote: I have two floated, linked images in the sidebar, loaded in a div with the class "execphpwidget." (See the two tan images, labeled "About" and "Meet" in sidebar at right, directly above the tabbed menu). There's a dead zone beneath the images. I can add space above or below the images in question, and no dead zone. Set a height for the div or clear the div, and I still have a dead zone. (Try to select Tweets or Tags in the tabbed menu below and you'll see). I found the "dead zone" in firefox 4.0 My first guess to fix the issue you are seeing is to try Chetan's suggestion of using overflow: hidden. If this fails to fix the problem I would poke it with a stick. In this case replace the with a div that has zero margin but a height of 1.45em. There is something about that hr that makes me wonder if it might not be causing some problems. Regards, Claude Needham . __ 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] Dead zone beneath linked images
On Apr 21, 2011, at 2:56 PM, RePost wrote: > There's something about those devil-spawned images that causes a dead zone > beneath them. > > I've moved them now above an identical div with identically placed images. > They're still causing a dead zone into the top of the lower div. The lower > div, meanwhile, creates no such effect. > > I just don't get it. > > http://bit.ly/eYGXbo What do you mean by a 'dead zone' ? Afaict, everything behaves correctly in various browsers here. Philippe -- Philippe Wittenbergh http://l-c-n.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/
Re: [css-d] Dead zone beneath linked images
On 4/21/11 1:56 AM, RePost wrote: Tried both Claude and Chetan's suggestions with no effect. There's something about those devil-spawned images that causes a dead zone beneath them. I've moved them now above an identical div with identically placed images. They're still causing a dead zone into the top of the lower div. The lower div, meanwhile, creates no such effect. I just don't get it. http://bit.ly/eYGXbo What is a "dead zone"? Best, dr lakra Oaxaca, Mexico. __ 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] Dead zone beneath linked images
Tried both Claude and Chetan's suggestions with no effect. There's something about those devil-spawned images that causes a dead zone beneath them. I've moved them now above an identical div with identically placed images. They're still causing a dead zone into the top of the lower div. The lower div, meanwhile, creates no such effect. I just don't get it. http://bit.ly/eYGXbo On 4/20/11 11:52 PM, Claude Needham wrote: On Wed, Apr 20, 2011 at 6:00 PM, RePost wrote: I have two floated, linked images in the sidebar, loaded in a div with the class "execphpwidget." (See the two tan images, labeled "About" and "Meet" in sidebar at right, directly above the tabbed menu). There's a dead zone beneath the images. I can add space above or below the images in question, and no dead zone. Set a height for the div or clear the div, and I still have a dead zone. (Try to select Tweets or Tags in the tabbed menu below and you'll see). I found the "dead zone" in firefox 4.0 My first guess to fix the issue you are seeing is to try Chetan's suggestion of using overflow: hidden. If this fails to fix the problem I would poke it with a stick. In this case replace the with a div that has zero margin but a height of 1.45em. There is something about that hr that makes me wonder if it might not be causing some problems. Regards, Claude Needham . __ 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] Dead zone beneath linked images
On Wed, Apr 20, 2011 at 6:00 PM, RePost wrote: > I have two floated, linked images in the sidebar, loaded in a div with the > class "execphpwidget." (See the two tan images, labeled "About" and "Meet" > in sidebar at right, directly above the tabbed menu). > > There's a dead zone beneath the images. I can add space above or below the > images in question, and no dead zone. Set a height for the div or clear the > div, and I still have a dead zone. (Try to select Tweets or Tags in the > tabbed menu below and you'll see). I found the "dead zone" in firefox 4.0 My first guess to fix the issue you are seeing is to try Chetan's suggestion of using overflow: hidden. If this fails to fix the problem I would poke it with a stick. In this case replace the with a div that has zero margin but a height of 1.45em. There is something about that hr that makes me wonder if it might not be causing some problems. Regards, Claude Needham __ 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] Dead zone beneath linked images
> There's a dead zone beneath the images. I can add space above or below the
> images in question, and no dead zone.
Not sure what you mean by dead zone. It looks OK in Firefox and
Chrome. If you don't want the two images overflowing .execphpwidget,
try this:
.execphpwidget {overflow:hidden;}
Regards,
Chetan Crasta
__
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] Dead zone beneath linked images
I have two floated, linked images in the sidebar, loaded in a div with the class "execphpwidget." (See the two tan images, labeled "About" and "Meet" in sidebar at right, directly above the tabbed menu). There's a dead zone beneath the images. I can add space above or below the images in question, and no dead zone. Set a height for the div or clear the div, and I still have a dead zone. (Try to select Tweets or Tags in the tabbed menu below and you'll see). As always, I'd appreciate any suggestions. Thanks. http://bit.ly/eYGXbo __ 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] slideshow positioning problem
BTW, you need to give div#nav a high z-index to prevent the drop-down
menus from fading out "under" the images.
div#nav { position:relative; z-index: 1; }
Regards,
Chetan Crasta
__
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/
