<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; ">Never mind. I found the reason.<DIV><BR class="khtml-block-placeholder"></DIV><DIV>/frank</DIV><DIV><BR><DIV><DIV>8 jan 2007 kl. 11.34 skrev Frank Arensmeier:</DIV><BR class="Apple-interchange-newline"><BLOCKQUOTE type="cite">Hello.<DIV><BR class="khtml-block-placeholder"></DIV><DIV>I apologize if my question is more related to CSS than it is to Javascript.</DIV><DIV> </DIV><DIV>Yesterday I updated one of my pages with some effects from the scriptaculous lib. Now, I have some strange problems when showing divs. When toggling an effect, some divs have a strange bottom margin. Have a look at:</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV><A href="http://www.nikehydraulics.se/downloads/leaflets_gb.php">http://www.nikehydraulics.se/downloads/leaflets_gb.php</A></DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>Click on one of the categories e.g. "Automotive tools". When the div slides down, it has a really annoying margin at the bottom (the larger the content, the larger the bottom margin). When the div is expanded, the divs below are pushed into the correct positions.  I might also say that I have noticed this behavior in Safari 2.0.4, Firefox 2 and Opera 9.02 (all Mac versions). MS Explorer 6 on PC works as aspected.</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>Besides that, when "canceling" an effect by hitting the show/hide triangle once more, Safari (at least) will not push the divs below to the proper positions. Instead, divs below will overlap with the expanded div.</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>The exact same page on my local testing machine, behaves ok.</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>Hope you get what I mean.</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>Any ideas? I was not able to get any hints on the scriptaculous site.</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>/frank<BR> <SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Arial; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "></SPAN><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">_______________________________________________</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">Javascript mailing list</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><A href="mailto:Javascript@LaTech.edu">Javascript@LaTech.edu</A></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><A href="https://lists.LaTech.edu/mailman/listinfo/javascript">https://lists.LaTech.edu/mailman/listinfo/javascript</A></DIV> </BLOCKQUOTE></DIV><BR><DIV> <SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Arial; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><DIV>Frank Arensmeier</DIV><DIV>................................................................................................<DIV style="">Marketing Support &amp; Webmaster</DIV><DIV style=""><DIV style=""><FONT class="Apple-style-span" face="Helvetica Neue"><BR class="Apple-interchange-newline"><FONT class="Apple-style-span" face="Arial">NIKE Hydraulics AB</FONT></FONT><DIV style="">Box 1107</DIV><DIV style="">631 80 Eskilstuna</DIV><DIV style="">Sweden</DIV><DIV style=""><FONT class="Apple-style-span" face="Helvetica Neue"><FONT class="Apple-style-span" face="Arial"><BR class="khtml-block-placeholder"></FONT></FONT></DIV><DIV style="">phone +46 - (0)16 16 82 34</DIV><DIV style="">fax +46 - (0)16 13 93 16</DIV><DIV style=""><A href="mailto:frank.arensmeier@nikehydraulics.se">frank.arensmeier@nikehydraulics.se</A></DIV><DIV style="">www.nikehydraulics.se</DIV>................................................................................................</DIV></DIV><FONT class="Apple-style-span" face="Helvetica Neue"></FONT></DIV><BR class="Apple-interchange-newline"></SPAN> </DIV><BR></DIV></BODY></HTML>