Comments on: Reflections and Accordion using CSS only, in Safari and Firefox http://iliadraznin.com/2009/07/reflections-accordion-css-transform-webkit-safari/ javascript • css • html5 & ajax • art & design • technology Sat, 04 Sep 2010 08:57:52 +0000 hourly 1 http://wordpress.org/?v=3.0.1 By: Ilia http://iliadraznin.com/2009/07/reflections-accordion-css-transform-webkit-safari/comment-page-1/#comment-354 Ilia Mon, 16 Aug 2010 01:22:18 +0000 http://iliadraznin.com/?p=64#comment-354 @Nathan Buchanan: I'm not sure what exactly is causing it, it doesn't seem to happen with my example, however, adding <b>overflow:hidden</b> to the wrapper div (i.e. class "accord-wrapper") seems to fix it. @Nathan Buchanan: I’m not sure what exactly is causing it, it doesn’t seem to happen with my example, however, adding overflow:hidden to the wrapper div (i.e. class “accord-wrapper”) seems to fix it.

]]> By: Nathan Buchanan http://iliadraznin.com/2009/07/reflections-accordion-css-transform-webkit-safari/comment-page-1/#comment-346 Nathan Buchanan Sun, 08 Aug 2010 01:14:20 +0000 http://iliadraznin.com/?p=64#comment-346 I love your idea for the accordion layout. I plan to implement a version of this for the site I am working on now. One quick question on this. I have expanded the height and width to fill out the page and accommodate more content but something strange happens in Safari. Suddenly the page becomes so wide that the horizontal scroll bar pops up even though there is no content out there. Perhaps you can help me out with this. It does not happen in FF. here's what I did: I left everything the same but I changed the widths of .accord to 840px .acc-title span to 590px .acc-block:target to 600px .acc-block .content to 492px I have not really done the math to get all the widths just right for padding and such but I dont thing that should affect it. Anyway, if you have some time to check it out that would be great. Here is what I am talking about: <a href="http://www.nathanbuchanan.com/test4" title="test4" rel="nofollow">TEST PAGE</a> I love your idea for the accordion layout. I plan to implement a version of this for the site I am working on now. One quick question on this. I have expanded the height and width to fill out the page and accommodate more content but something strange happens in Safari. Suddenly the page becomes so wide that the horizontal scroll bar pops up even though there is no content out there. Perhaps you can help me out with this. It does not happen in FF.

here’s what I did:
I left everything the same but I changed the widths of
.accord to 840px
.acc-title span to 590px
.acc-block:target to 600px
.acc-block .content to 492px

I have not really done the math to get all the widths just right for padding and such but I dont thing that should affect it.

Anyway, if you have some time to check it out that would be great.
Here is what I am talking about:
TEST PAGE

]]>