On Thu, Feb 11, 2016 at 11:24 AM, Greg Gamble <ggam...@sbctc.edu> wrote:
> I have a popup that displays when you hover over an icon. It's a
glorified tooltip, with descriptive information. When the icon is near the
edge of the viewport it crossover into the area that is not viewable.
Anyone have some CSS only tricks to have it stay within the container div?
>
> Example page is here: http://pastebin.com/FHbv8beC
>
>
> Greg
>
.tooltip-content {
height: auto;
display: block;
position: absolute;
bottom: 100%;
left: -150px; <<< I'm guessing this is the issue
...
}
--
Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
______________________________________________________________________
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/
