Comments for Life @ High Road Communications

Comment on Forcing the figcaption element to wrap to the width of an image using CSS only by Mike Badgley

Mike Badgley — Fri, 16 Dec 2011 02:17:50 +0000

The problem was due to the max-width: 100% rule that you are applying globally to all images. When I disabled that, the image (and caption) rendered as expected.

Comment on Forcing the figcaption element to wrap to the width of an image using CSS only by Kim B

Kim B — Thu, 15 Dec 2011 20:14:41 +0000

Hi. Thanks for this! It works great in Firefox but I can’t seem to get it to work in IE, Safari or Chrome. In those browsers the image and caption display at a very reduced width. The reverse of what should happen, seems to be happening. Instead of the table growing to accommodate the image width, the image width is shrinking to accommodate the table width. Do you know why this might happen?

Comment on How to absolute position images in IE8 by John

John — Thu, 24 Nov 2011 17:59:58 +0000

Thanks Mike, saved me some head scratching there. I don’t normally use absolute positioning but a current instance demands it. Why does IE remain so buggy?? Not had any issues with IE 9 as yet though… so fingers crossed, thanks again.

Comment on About by lance

lance — Mon, 08 Aug 2011 15:53:12 +0000

When I remove the “overflow: hidden” from the .navigation class — it removes the backgrounds from the menu. Odd. Wondering if you saw that as well. Also, I added in this clearfix — which I found from here: http://www.webtoolkit.info/css-clearfix.html

.clearfix:after {
content: “.”;
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

Wondering if you mind taking one more look to see if my results are producing the same you were seeing?

Thanks again!

Comment on About by lance

lance — Mon, 08 Aug 2011 14:43:42 +0000

hmm — i’ve never used clearfix before — definitely should as I have heard about it plenty!

I’ll look that up and add that in, and remove the hidden style.

Thanks a TON! for taking a look at this.. sometimes a new pair of eyes helps!

Comment on About by Mike

Mike — Mon, 08 Aug 2011 14:29:55 +0000

Hey Lance,

Your menus are actually working ok – it was just that they were getting hidden because of the “overflow: hidden” on your parent nav wrapper (

Comment on About by lance

lance — Mon, 08 Aug 2011 14:21:30 +0000

sorry — forgot to add the file to the link:
http://zunskigraphics.com/clients/afc_site/test.html

Comment on About by lance

lance — Mon, 08 Aug 2011 14:19:51 +0000

Here is a test example:
http://www.zunskigraphics.com/clients/afc_site/

I am using a jquery drop down here:
http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/

My thought is that the js and the jquery could be conflicting… but I really am not sure. Also, i’m not married to this dropdown, just needed something quick and easy in lou of the time i have. (usually like that isnt it!)

Thanks again for taking a look!

Comment on About by Mike

Mike — Mon, 08 Aug 2011 14:11:11 +0000

Thanks! :)
Would you be able to provide me with a link to the site or code sample that this issue is occurring on?

Comment on About by lance

lance — Mon, 08 Aug 2011 14:02:54 +0000

I was checking out your post on dynamic fluid menu….ran into an issue where my dropdowns (2nd level) menu items are not showing — hoping you had an idea what could cause this.

Looks like the .js is doing its job spacing out the menu items.. but some reason, the dropdowns disappear.

AWESOME post btw!! Sorry for commenting here, but there was no comment box on this post: http://www.lifeathighroad.com/web-development/javascript/demo-dynamic-cross-browser-horizontally-fluid-menu/