Loading ...
Sorry, an error occurred while loading the content.

Re: hidden divs for tool tips are pushing top of page down

Expand Messages
  • Todd Rimes
    Thank you, Bret. position:absolute did the trick!
    Message 1 of 3 , Oct 22, 2009
    • 0 Attachment
      Thank you, Bret. "position:absolute" did the trick!

      --- In ydn-javascript@yahoogroups.com, "Bret" <bret@...> wrote:
      >
      >
      > Try taking the div out of the flow -- ie, position:absolute style. What I do to make IE and Moz/et al happy is top make sure that all my divs are direct children of body, and all the "extra stuff" (like your div, for example) are after all the "real" stuff. I do this by using script on the server to "queue" all the divs until the </body> tag is emitted (I use PHP modules to construct gui element (modules) and when I spit out HTML divs, I send them to a queuing routine versus directly to the output stream.)
      >
      > Hope that helps...
      >
      > ~~bret
      >
      >
      > --- In ydn-javascript@yahoogroups.com, "Todd Rimes" <todd@> wrote:
      > >
      > > I'm using YUI JS (2.7) to instantiate tool tips, but the hidden divs created are pushing the top of my page down. I tried setting a negative margin on the page header, but this makes the page look broken (because the header is under the top edge of the browser) until the divs are rendered. What can I do?
      > >
      > > (screenshot) http://rimescorp.com/rimesmedia/images/yui_pushes_down.png
      > >
      > > I tried styling .yui-tt to display:none and the tool tip stopped working. I tried styling .yui-tt to display:inline and the tool tip became as wide as the page.
      > >
      > >
      > > Thank you,
      > > ~Todd
      > >
      >
    Your message has been successfully submitted and would be delivered to recipients shortly.