css newbie here...ready to bang head into wall with a z-index issue, so any help would be greatly appreciated.

I am developing a new drupal 7 site that needs a 3 column css layout and beautyips tooltips.

The problem that I having is that in Drupal 7, I can not seem to get the beautytips tooltips to display correctly inside the 3-column css layout. Outside the 3-column css layout the beautytips tooltips seem to work fine, just inside my highly necessary 3-column lay, I can't get them to display correctly.

I have tried every trick that I know to get the tooltips to appear properly, like changing z-index and overflow attributes inside the 3-column css layout, but nothing has worked.

The problem is that you have overflow:hidden on all your columns and on the wrapper which means the tooltip can never show outside.

If you remove the overflow then the tooltip will show but I'm not sure if it will mess up your complicated column arrangement. Why didn't you go for something more straight forward?

.col1,.col2,.col3,.colmask{overflow:visible}

It looks like sidebar-first will need position:relative and a z-index.

sidebar-first{
position:relative;
z-index:2;
}

Edit:

Beaten by Ron

shuaiheige
—
2013-05-01T08:54:51Z —
#4

Hey Fellas,

Your tips worked like a charm... very much appreciated... I had tried changing the overflow settings before, but it didn't work... I think I probably should've cleared my cash more often... that sidebar-first would've killed me to figure out...