Css Snippets » conditioneel http://www.csssnippets.be Snippets for you, snippets for me Mon, 17 Oct 2011 08:42:00 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Conditionele body tag voor IE http://www.csssnippets.be/2010/02/conditionele-body-tag-voor-ie/ http://www.csssnippets.be/2010/02/conditionele-body-tag-voor-ie/#comments Sat, 27 Feb 2010 07:14:26 +0000 Mark http://www.csssnippets.be/?p=750 zie eerdere Snippet) toevoegen, maar je kan in plaats van een extra CSS bestand, conditioneel een extra class toevoegen aan zoals in dit voorbeeld de body tag.]]> Je kan CSS via conditionele comments (zie eerdere Snippet) toevoegen, maar je kan in plaats van een extra CSS bestand, conditioneel een extra class toevoegen aan zoals in dit voorbeeld de body tag.

HTML

<!--[if IE ]>
   <body class="ie">
<![endif]-->
<!--[if !IE]>-->
   <body>
<!--<![endif]-->

Het enigste wat je nu moet doen is de uitzondering toevoegen aan je reeds bestaande CSS.

Google Bookmarks Digg BlinkList Technorati del.icio.us StumbleUpon

]]> http://www.csssnippets.be/2010/02/conditionele-body-tag-voor-ie/feed/ 0 Conditional comments, allemaal http://www.csssnippets.be/2009/04/conditional-comments-allemaal/ http://www.csssnippets.be/2009/04/conditional-comments-allemaal/#comments Tue, 07 Apr 2009 16:42:32 +0000 Mark http://www.csssnippets.be/?p=157 Conditional comments kunnen je helpen bij het maken van CSS voor enkel één of meerdere versies van Microsoft Internet Explorer. Enkel deze browser kan de code tussen de conditionele comments lezen en dus uitvoeren.

HTML

Voeg volgende code eender waar in je HTML document, enkel de betreffende browser versie zal de code uitvoeren.

<!--[if IE]>
This is Internet Explorer
<![endif]-->
<!--[if IE 5]>
this is Internet Explorer 5
<![endif]-->
<!--[if IE 5.0]>
this is Internet Explorer 5.0
<![endif]-->
<!--[if IE 5.5]>
this is Internet Explorer 5.5
<![endif]-->
<!--[if IE 6]>
this is Internet Explorer 6
<![endif]-->
<!--[if IE 7]>
this is Internet Explorer 7
<![endif]-->
<!--[if gte IE 5]>
this is Internet Explorer 5 and up
<![endif]-->
<!--[if lt IE 6]>
this is Internet Explorer lower than 6
<![endif]-->
<!--[if lte IE 5.5]>
this is Internet Explorer lower or equal to 5.5
<![endif]-->
<!--[if gt IE 6]>
this is Internet Explorer greater than 6
<![endif]-->

gt groter dan
lte minder of gelijk

Google Bookmarks Digg BlinkList Technorati del.icio.us StumbleUpon

]]> http://www.csssnippets.be/2009/04/conditional-comments-allemaal/feed/ 2