Forums / Setup & design / csshover.htc

csshover.htc

Author Message

perrin aybara

Friday 08 October 2004 6:13:57 am

Anyone used the <b>csshover.htc</b> by Peter Nederlof (http://www.xs4all.nl/~peterned/) in an eZ application?
For some reason, I can't get the behavior work in my ez design (yes, i've added .htc in the rewrite rule in apache)...

Any comments or experiences is much appreciated.

Paul Forsyth

Friday 08 October 2004 6:28:58 am

IE7 is another tool to do this. It might be easier to install:

http://dean.edwards.name/IE7/

paul

Marco Zinn

Saturday 09 October 2004 1:01:59 pm

Wow,
thanks for the IE7 link!
These CSS-driven menus are very cute and run smoothly on my Firefox and on the IE6 on Win.

But i was shocked, when i followed some CSS-related links and found the bunch of CSS bugs in the IE's . Now I understand the problems, that ezSystems (and all designers) have with CSS and IE (or: with IE's CSS bugs).

Marco
http://www.hyperroad-design.com

perrin aybara

Sunday 10 October 2004 11:48:42 pm

Thanks.
Unfortunately IE7 screws up my tabs (made by the unordered list recipy ny Eric Meyer)...

(and to the admins here: i can hardly read the text i'm typing right now. i'm using firefox, and the text size in this textarea can't be more than 5px...)

Paul Forsyth

Monday 11 October 2004 2:19:01 am

IE7 works best if your css doesnt already have ie fixes. Im sure the Eric Meyer code you are using compensates for ie...

paul

perrin aybara

Monday 11 October 2004 5:03:59 am

ah, of course... thanks!

Alex Jones

Monday 11 October 2004 7:56:23 am

As the differences in CSS support between browsers can become very frustrating, and hard to deal with, I posted the eZBrowserSniff operator (which came to life, due to the tremendous amount of help Paul F. provided me) to detect which browser is accessing the page, and present a style sheet specific to that browser. This allows a developer to set up a core style sheet (or set of style sheets), and then have some style sheets that 'fix' problems in certain browsers.

<b>Example</b>
I have a div that needs to be of a specific width (500 pixels), but it also needs to use padding (10 pixels per side); the different browsers will treat this div differently. DOM compliant browsers will actually add all of the values together, so I would end up with a div that is 520 pixels wide (10px padding + 500px div + 10px padding), whereas IE will keep it at 500 pixels. So, I can create two style sheets, one for DOM compliant browsers, which set the width at 480px, and one for IE which sets the width at 500px.

<b>eZBrowserSniff:</b> http://ez.no/community/contributions/template_plugins/ezbrowsersniff_operator

Alex
[ bald_technologist on the IRC channel (irc.freenode.net): #eZpublish ]

<i>When in doubt, clear the cache.</i>