Comments on: Reflections and Accordion using CSS only, in Safari and Firefox http://www.iliadraznin.com/2009/07/reflections-accordion-css-transform-webkit-safari/ Web Developer, Designer and Enthusiast Wed, 25 Jan 2012 17:01:02 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Ilia http://www.iliadraznin.com/2009/07/reflections-accordion-css-transform-webkit-safari/#comment-423 Ilia Fri, 22 Oct 2010 15:18:24 +0000 http://iliadraznin.com/?p=64#comment-423 @Andy Now that is extremely cool, I'm definitely gonna have to play around with that. Thanks for the tip :) @Andy
Now that is extremely cool, I’m definitely gonna have to play around with that. Thanks for the tip :)

]]> By: Andy Walpole http://www.iliadraznin.com/2009/07/reflections-accordion-css-transform-webkit-safari/#comment-422 Andy Walpole Fri, 22 Oct 2010 11:47:16 +0000 http://iliadraznin.com/?p=64#comment-422 There's a new feature in Firefox 4 called -moz-element that you should read up on Illia: http://hacks.mozilla.org/2010/08/mozelement/# There’s a new feature in Firefox 4 called –moz-element that you should read up on Illia: http://hacks.mozilla.org/2010/08/mozelement/#

]]> By: Ilia http://www.iliadraznin.com/2009/07/reflections-accordion-css-transform-webkit-safari/#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://www.iliadraznin.com/2009/07/reflections-accordion-css-transform-webkit-safari/#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

]]>