I want to use conditional comments to make a DIV appear ONLY in browsers with IE7 or older, like this:
<!--[if lt IE 7]>
<div id="browsernotice">
<p>You are using IE7 or less</p>
</div>
<![endif]-->
As far as I understand, conditional comments only work in the header.
Is this bad?
Should I rather use conditional comments to instert a stylesheet that makes an invisible DIV visibility:visible
?
You can put divs in < header > as of HTML5, but never in < head >.
You can't put a div directly inside a table but you can put div inside td or th element. Save this answer.
You can add <script></script> inside a DIV tag. Just check on w3c, it is valid HTML. Save this answer.
<div>
in your <head>
. It's not valid.<body>
.The best way is to keep the content as is in the document body but instead apply a style sheet for ie that hides the div.
with css
#browsernotice {
display:none;
}
And call it with a conditional statement
<!--[if lt IE 7]>
<link href="ie7.css" type="text/css" rel="stylesheet">
<![endif]-->
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With