Re: [css-d] /*\*/ what's this /**/
Timothy Martens wrote:
> Hi I noticed this strange comment markup in much of Happy Cog's new CSS
>
> /*\*/ #branding a { overflow: hidden; } /**/
>
> What does it do? Not "#branding a { overflow: hidden; }" but the
> "comments" around it.
>
> T
That's the commented backslash hack. Commonly used to make sure that all
browsers, *except* IE5/mac gets that rule. See here:
http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html
HTH,
Rick.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] /*\*/ what's this /**/
On Feb 19, 2007, at 7:31 AM, Timothy Martens wrote:
> Hi I noticed this strange comment markup in much of Happy Cog's new
> CSS
>
> /*\*/ #branding a { overflow: hidden; } /**/
>
> What does it do? Not "#branding a { overflow: hidden; }" but the
> "comments" around it.
A filter to hide rule blocks from IE Mac, know as the back-slash hack
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] What's this hack for?
Gavin Jackson wrote:
>> /* \*/
>> * html #tlc, * html #trc {height: 1%;}
>> /* */
> Thanks to all of those that replied to my question
> about the hacks. I'm amazed at the hoops one must
> jump through to get something to display the same
> in all browsers. I can see that this isn't something
> can be mastered overnight!
As a side note, it is possible to replace these hacks with a Conditional
Comment.
CCs are "built-in filters" for MSIE/Win5+.
http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp
Regards,
Thierry | www.TJKDesign.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] What's this hack for?
> /* \*/
> * html #tlc, * html #trc {height: 1%;}
> /* */
Thanks to all of those that replied to my question
about the hacks. I'm amazed at the hoops one must
jump through to get something to display the same
in all browsers. I can see that this isn't something
can be mastered overnight!
The other thing that amazes me is the time people
are prepared to take to help others with their
problems. I'll certainly stick around on this list!
Regards
Gavin
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] What's this hack for?
> /* \*/
> * html #tlc, * html #trc {height: 1%;}
> /* */
It's actually three hacks combined with the ultimate purpose of
delivering a minimal height exclusively to IE/Win.
/* \*/ = "commented backslash hack" hides rules from IE/Mac, which
doesn't recognize the end of the comment because of a bug parsing the
backslash (it seems to treat that second * as an escaped character,
hence not recognizing the end of the comment).
* html = "star-html hack", a selector which only IE (Mac and Win)
honors ( has no parent element so other browsers ignore the
selector).
height: 1% = "the Holly Hack," invokes the mysterious "hasLayout"
property on an element to correct a multitude of layout problems in
IE, which incorrectly expands a box around its contents (other
browsers correctly allow content to overflow, which is why the rule
has to be hidden from them).
IE/Mac doesn't need the height, but will render the star-html hack, so
the rule needs to be specifically hidden from that browser. The
closing comment simply ends the commented backslash hack, allowing
IE/Mac to resume as normal.
Googling the names of any of these common hacks/filters will yield a
lot more information on their workings and usage. You can also start
here: http://css-discuss.incutio.com/?page=CssHack
--
Craig, www.focalcurve.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] What's this hack for?
On 27 Sep 2005, at 10:25 am, Gavin Jackson wrote:
I have a page that I'm pulling apart so I can figure out
how it works as I'm new to CSS but would love to master it.
The style sheet has the following at the top of the file:
/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */
Two hacks in a box :-)
line 1: the 'hide from IE mac' filter [1]
line 2: the 'holly' hack to give 'haslayout' [2] to IE Win.
line 3: end filter for IE Mac
[1]
[2]
Philippe
---
Philippe Wittenbergh
RE: [css-d] What's this hack for?
Hides CSS from IE5 Mac - called commented backslash hack I think.
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Gavin Jackson
Sent: Tuesday, 27 September 2005 1:26 p.m.
To: css-d@lists.css-discuss.org
Subject: [css-d] What's this hack for?
I have a page that I'm pulling apart so I can figure out
how it works as I'm new to CSS but would love to master it.
The style sheet has the following at the top of the file:
/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */
I guess it's a hack for something but can't find any help
using Google. The page displays a rounded corner area and
#tlc and #trc are rules for the top-left-corner and
top-right-corner images.
Gavin
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] What's this hack for?
It looks like a slight variation on the Stokely Hack for Safari 1.2
(although it works for 2.0, as well). I use it on sites with stricter
clients...however, the star is in the wrong place with your version
(although it may work, I don't know, never tried it that way). If *I* did
it, it would be written as such:
The style sheet has the following at the top of the file:
/* \*/
html*#tlc, html*#trc {height: 1%;
_height:2%}
/* */
It should be with no spaces, and the star *after* the "html". The
"height:1%" is what Safari would apply to the site's layout, and the
"_height:2%" is the default, what all other IE browsers would view it at.
The "\*/*\" part is to comment the stuff out from browsers like Mozilla and
Opera - it won't recognize it at all.
Hope that helps you out!
~Shelly
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] What's this hack for?
On 9/27/05, Gavin Jackson <[EMAIL PROTECTED]> wrote:
> I have a page that I'm pulling apart so I can figure out
> how it works as I'm new to CSS but would love to master it.
>
> The style sheet has the following at the top of the file:
> /* \*/
> * html #tlc, * html #trc {height: 1%;}
> /* */
>
> I guess it's a hack for something but can't find any help
> using Google. The page displays a rounded corner area and
> #tlc and #trc are rules for the top-left-corner and
> top-right-corner images.
>
It looks like a fix for a haslayout bug. MSIE/Win not displaying the
elements because they don't have 'layout'. Giving them a dimension
makes IE render them, and IE treats height as min-height. IIRC the
comment hack on the first and third lines is to hide the * html hack
from IE Mac, which doesn't need this fix.
--
Richard Grevers
New Plymouth, New Zealand
Orphan Gmail invites free to good homes.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
