Help - Search - Members - Calendar
Full Version: Odd Comments In Stylesheet
Movable Type Community Forum > Using Movable Type > Default Stylesheets
Spontz
There are a number of odd comment lines in the default stylesheet. Examples include:

QUOTE
/* setting border: 0 hoses ie6 win window inner well border */


and

QUOTE
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


What is the purpose of these lines? Can they be omitted? I'm rebuilding the stylesheet from the ground up (thus hopefully learning what each item does), and can't make heads or tails of these odd lines.

EDIT: Also, Adobe GoLive doesn't like the "display: inline-block;" bit, it gives me a syntax warning.
dgs
I'm not a CSS expert by any means, but those look like programmer comments. They tell you why that part of the file is there and what it does. They can be omitted and the CSS will work fine, but they help to understand what's going on.

For example, sounds that first one is saying that if you set 'border: 0', IE 6 won't work right in some way.

I hope that helps.
iki
Those are CSS hacks to make Internet Explorer behave like any sane browser would. Because normally? It doesn't. wink.gif

(Technically, the first example is just a "note to self", an explanation someone put in there... programming comments, like dgs said. Feel free to delete that one. But the other example, don't touch that stuff. That's the hack.)
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.