voice-family: "\"}\"";
voice-family: inherit;
It's a must?Another 'must not' hack. <!-- m --><a class="postlink" href="http://centricle.com/ref/css/filters/use">http://centricle.com/ref/css/filters/use</a><!-- m --> those tags for?The page lists various ways to hide css from different browser versions.
.abox {
width: 100px; /* for IE5 */
voice-family: "\"}\"";
voice-family: inherit;
width: 90px; /* other browsers, IE5 ignores this value */
}?This is what some use it for: <!-- m --><a class="postlink" href="http://tantek.com/CSS/Examples/boxmodelhack.html">http://tantek.com/CSS/Examples/boxmodelhack.html</a><!-- m -->
Personally, I never use hacks.Originally posted by weee
? IE5 has very... odd... CSS support. It renders a lot of things wrong. So, you'll want to feed it a rule that makes it render correctly, such as the box model hack (the link Vladdy supplied). IE: .foo {
color: blue; /* IE5, IE4 */
voice-family: "\"}\"";
voice-family: inherit;
color: green; /* The ones that don't suck as bad. */
} I, myself, prefer the Holly Hack (<!-- m --><a class="postlink" href="http://www.centricle.com/ref/css/filters/tests/star_html/">http://www.centricle.com/ref/css/filter ... star_html/</a><!-- m -->) (feeding rules to IE, not version specific).a few times in my CSS?
Where do I need to add it to?You add it wherever you need it. Generally, I try to avoid hacks wherever possible. Usually, IE has screwed up a rule, but there's some way to make it make sense. Say now, that IE miscalculates the size of an element. To make the layout look properly in IE, you need to have the width set to 90px. But for all other browsers, you need 100px to display properly. So you have:
#element_id {
width:100px; /* The width for standards-compliant browsers */
}
* html #element_id {
width:90px; /* width for IE */
}
For whatever you need to define differently, you use this for IE. You simply but the * html bit after what you want other browsers to apply. Proper browsers will ignore the second rule. IE will follow it. Thus, you can give IE a rule to make it work, without affecting other browsers. Use as needed.I just installed Firefox and a few websites I've done looks like @#@# in there. I'm not sure why... I'm using STRICT DTD - does it matter?
What can I do to fix it?Originally posted by MstrBob
#element_id {
width:100px; /* The width for standards-compliant browsers */
}
* html #element_id {
width:90px; /* width for IE */
}
I believe this does the same thing as well:
#element_id {
width:100px; /* The width for standards-compliant browsers */
* width:90px; /* width for IE */
}now I found that I have problems with HR (Firefox doesn't read none of the CSS for it) and center elemnts. What can I do?Originally posted by weee
now I found that I have problems with HR (Firefox doesn't read none of the CSS for it) and center elemnts. What can I do?
There is no element 'CENTER' unless you are using a Transitional DTD. That isn't necessary, however, if you are using CSS. Firefox should recognize an HR element. If it doesn't, you can give the HR element a class or ID, but that should not be necessary.
<style type="text/css"><!--
hr {
border: solid 1px #000;
}
--></style>
.
.
.
<hr>!Welcome. By the way, I just thought I'd mention you don't have to put half of your sentences in the subject title, since it's harder to read when it's like that, and the subject title is optional, unless you're making a new thread. Anyway, good luck.good to know
voice-family: inherit;
It's a must?Another 'must not' hack. <!-- m --><a class="postlink" href="http://centricle.com/ref/css/filters/use">http://centricle.com/ref/css/filters/use</a><!-- m --> those tags for?The page lists various ways to hide css from different browser versions.
.abox {
width: 100px; /* for IE5 */
voice-family: "\"}\"";
voice-family: inherit;
width: 90px; /* other browsers, IE5 ignores this value */
}?This is what some use it for: <!-- m --><a class="postlink" href="http://tantek.com/CSS/Examples/boxmodelhack.html">http://tantek.com/CSS/Examples/boxmodelhack.html</a><!-- m -->
Personally, I never use hacks.Originally posted by weee
? IE5 has very... odd... CSS support. It renders a lot of things wrong. So, you'll want to feed it a rule that makes it render correctly, such as the box model hack (the link Vladdy supplied). IE: .foo {
color: blue; /* IE5, IE4 */
voice-family: "\"}\"";
voice-family: inherit;
color: green; /* The ones that don't suck as bad. */
} I, myself, prefer the Holly Hack (<!-- m --><a class="postlink" href="http://www.centricle.com/ref/css/filters/tests/star_html/">http://www.centricle.com/ref/css/filter ... star_html/</a><!-- m -->) (feeding rules to IE, not version specific).a few times in my CSS?
Where do I need to add it to?You add it wherever you need it. Generally, I try to avoid hacks wherever possible. Usually, IE has screwed up a rule, but there's some way to make it make sense. Say now, that IE miscalculates the size of an element. To make the layout look properly in IE, you need to have the width set to 90px. But for all other browsers, you need 100px to display properly. So you have:
#element_id {
width:100px; /* The width for standards-compliant browsers */
}
* html #element_id {
width:90px; /* width for IE */
}
For whatever you need to define differently, you use this for IE. You simply but the * html bit after what you want other browsers to apply. Proper browsers will ignore the second rule. IE will follow it. Thus, you can give IE a rule to make it work, without affecting other browsers. Use as needed.I just installed Firefox and a few websites I've done looks like @#@# in there. I'm not sure why... I'm using STRICT DTD - does it matter?
What can I do to fix it?Originally posted by MstrBob
#element_id {
width:100px; /* The width for standards-compliant browsers */
}
* html #element_id {
width:90px; /* width for IE */
}
I believe this does the same thing as well:
#element_id {
width:100px; /* The width for standards-compliant browsers */
* width:90px; /* width for IE */
}now I found that I have problems with HR (Firefox doesn't read none of the CSS for it) and center elemnts. What can I do?Originally posted by weee
now I found that I have problems with HR (Firefox doesn't read none of the CSS for it) and center elemnts. What can I do?
There is no element 'CENTER' unless you are using a Transitional DTD. That isn't necessary, however, if you are using CSS. Firefox should recognize an HR element. If it doesn't, you can give the HR element a class or ID, but that should not be necessary.
<style type="text/css"><!--
hr {
border: solid 1px #000;
}
--></style>
.
.
.
<hr>!Welcome. By the way, I just thought I'd mention you don't have to put half of your sentences in the subject title, since it's harder to read when it's like that, and the subject title is optional, unless you're making a new thread. Anyway, good luck.good to know