Many thanks. That is exactly right. I have used the margin method on the production version of the page as I am simulating columns. The upper div does not cause problems because it does not intercept events in the same way as the chart.
-- Gavin On Sep 25, 2:04 pm, Riccardo Govoni ☢ <[email protected]> wrote: > The issue is not with the chart, but with the CSS structure of the page. > > Since your menu uses a float:left, it does not affect sizing of the other > block level elements you have on the page. Therefore your #chart_div div > (where the chart is placed) is allowed to span the entire width of the page > (although its contents will obviously respect the float and be arranged > around it). Since the #chart_div is placed after the menu in the html > structure of the page, it ends up sitting above the float, hence stealing > the hover event. You can verify it by using Firebug or the Chrome element > inspector to analyze the layout structure of the page. > > You can fix it by adding 'margin-left: 7em' to your chart_div (or something > equivalent), placing the chart_div inside a table (because the table will > respect the float in its positioning) or marking the chart_div itself as > float:left (hence forcing its left margin to not expand past the right > margin of the menu). > > -- R. > > On 24 September 2011 22:33, Gavin <[email protected]> wrote: > > > > > > > > > I have a menu in a div which floats to the left of the chart. The menu > > uses css hover to change colour when the mouse is over it. > > This works unless it is on the same horizontal level as the chart. > > Seehttp://www.mythic-beasts.com/~gjamie/test.html > > > This behaviour is the same in Firefox and Chrome. Surely the chart > > code should not spill out of its div? > > > -- > > You received this message because you are subscribed to the Google Groups > > "Google Visualization API" group. > > To post to this group, send email to > > [email protected]. > > To unsubscribe from this group, send email to > > [email protected]. > > For more options, visit this group at > >http://groups.google.com/group/google-visualization-api?hl=en. -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
