Re: [css-d] Dead zone beneath linked images
Actually, Philippe, it wasn't the horrid Facebook Like button/box at the top of the sidebar that was the culprit, but the horrid recurring Facebook Like/Recommend button in the metadata area beneath the headline of each entry in the content div. This was a tough and exasperating bit of business. Thanks to all for your help -- Chetan, Claude, David, Philippe, et al! On 4/21/11 2:57 AM, Philippe Wittenbergh wrote: On Apr 21, 2011, at 3:56 PM, RePost wrote: 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. Oh, I see now... (well not really, I block everything Facebook in my /etc/hosts file ...). That FB button is in a that specifies a width of 450px and covers the side bar (can't click through) - it never aligned with you images on my side anyway (minimum font-size in my browsers). No idea if you can change the width of that iframe or if is script generated. 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 Apr 21, 2011, at 3:56 PM, RePost wrote: > 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. Oh, I see now... (well not really, I block everything Facebook in my /etc/hosts file ...). That FB button is in a that specifies a width of 450px and covers the side bar (can't click through) - it never aligned with you images on my side anyway (minimum font-size in my browsers). No idea if you can change the width of that iframe or if is script generated. 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 2:56 AM, RePost wrote: 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! http://bit.ly/eYGXbo Bingo and congratulations! Running FF at 16 minimum font-size set in the prefs. Best, ~the user from hell... -- http://chelseacreekstudio.com/ http://chelseacreekstudio.com/fa/ __ 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
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/
