<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; ">Well, actually, there was nothing wrong/wired with neither the divs, the script nor the CSS. When visiting the page from our Intranet, users are able to print the downloadable pdf docs directly from that page. This is done by hitting a little printer icon to the right form the download link. This icon is right floated. And it seems that the browsers mentioned have some difficulties to calculate the accurate hight of the div. Because I switched off this function on my test box, everything was as ok. Since I am the only one here using Safari, I thought it was no big deal (MS Explorer has no problems).<DIV><BR class="khtml-block-placeholder"></DIV><DIV>Setting the bottom margin to -10px (icon is 10x10px) to the printer icon, fixed the "ghost" margin at the bottom - margin was 0px before.</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV><DIV>However, as mentioned before, there is still one more problem which I haven't found a solution for yet. Hitting the show/hide triangle when the div is not entirely expanded, the div content will overlap with the following div when sliding down again. Once more, I was able to observe this behaviour in Safari, Firefox and Opera only. MS Explorer - no problem. Those browsers do not seem to calculate the height for the entire div content but will keep the height for the partly expanded div. </DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>//frank</DIV><DIV><BR><DIV><DIV>8 jan 2007 kl. 14.00 skrev John Warner:</DIV><BR class="Apple-interchange-newline"><BLOCKQUOTE type="cite"> <DIV><SPAN class="062475912-08012007"><FONT face="Comic Sans MS" color="#000080" size="2">Could you share with the archive in case this happens to someone else in the future?</FONT></SPAN></DIV> <DIV> </DIV> <DIV> </DIV> <DIV align="left"><FONT color="#000080" size="2">John Warner</FONT></DIV> <BLOCKQUOTE dir="ltr" style="PADDING-LEFT: 5px; MARGIN-LEFT: 5px; BORDER-LEFT: #000080 2px solid; MARGIN-RIGHT: 0px"> <DIV></DIV> <DIV class="OutlookMessageHeader" lang="en-us" dir="ltr" align="left"><FONT face="Tahoma" size="2">-----Original Message-----<BR><B>From:</B> javascript-bounces@LaTech.edu [<A href="mailto:javascript-bounces@LaTech.edu">mailto:javascript-bounces@LaTech.edu</A>] <B>On Behalf Of </B>Frank Arensmeier<BR><B>Sent:</B> Monday, January 08, 2007 5:49 AM<BR><B>To:</B> [JavaScript List]<BR><B>Subject:</B> Re: [Javascript] Strange margins with scriptaculous<BR><BR></FONT></DIV>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="WORD-SPACING: 0px; FONT: 12px Arial; TEXT-TRANSFORM: none; COLOR: rgb(0,0,0); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; border-spacing: 0px 0px; -khtml-text-decorations-in-effect: none; -apple-text-size-adjust: auto; orphans: 2; widows: 2"></SPAN><BR></DIV> <DIV style="MARGIN: 0px">_______________________________________________</DIV> <DIV style="MARGIN: 0px">Javascript mailing list</DIV> <DIV style="MARGIN: 0px"><A href="mailto:Javascript@LaTech.edu">Javascript@LaTech.edu</A></DIV> <DIV style="MARGIN: 0px"><A href="https://lists.LaTech.edu/mailman/listinfo/javascript">https://lists.LaTech.edu/mailman/listinfo/javascript</A></DIV></BLOCKQUOTE></DIV></DIV><BR><P><FONT size="2">--<BR>No virus found in this incoming message.<BR>Checked by AVG Free Edition.<BR>Version: 7.5.432 / Virus Database: 268.16.7/619 - Release Date: 1/7/2007 6:29 PM<BR></FONT></P><DIV><FONT face="Arial" size="2"></FONT><BR class="khtml-block-placeholder"></DIV></BLOCKQUOTE><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></DIV></BODY></HTML>