Css verbergen voor browsers
Hiding Css
Hoe verstop ik Css voor welke browser.
Met IE7 in aantocht begint het moeilijke leven voor ons webdesigners pas echt een hel te worden, nu moeten we een onderscheid proberen te maken voor welke browser welke eventuele hack en/of filter te gebruiken. Ware het niet zo dat sommige browsers reeds in de annalen van de geschiedenis zouden moeten resideren zouden er niet steeds personen zijn die hardnekking hun “geliefde” browser blijven gebruiken
IE7: Er wordt ervan uitgegaan dat deze versie alle bekende bugs (box-model, double margin, peekaboo, floating content, etc…) niet meer zal hebben, wat dus waarschijnlijk het hacken en/of filteren eindelijk overbodig zal maken.
De @import regel
Om deze regel tot werking te laten komen, zou deze voor de eventuele extra <link rel="stylesheet" type="text/css" href="style.css"> geplaatst moeten worden.
Om een vergelijking te hebben met de lijst, op moment van schrijven (19 november 2005) zijn volgende browser-versie’s gangbaar:
- Amaya 9.2.2
- Netscape 8.0
- Internet Explorer 6 & 7(beta)
- Konqueror 3.4.3
- Internet Explorer voor Mac = dead, dood, gestopt
Url() met quote’s
@import url("../jestyle.css");
Deze regel verbergt je Css voor volgende browser:
- Netscape 4.x
- Win IE 3
- Win IE 4 (niet 4.72)
- Mac IE 4.01
- Mac IE 4.5
- Konqueror 2.1.2
- Win Amaya 5.1
Url() zonder quote’s
@import url(../jestyle.css);
Deze regel verbergt je Css voor volgende browser:
- Netscape 4.x
- Win IE 3
- Win IE 4 (niet 4.72)(indien Css en Html in dezelfde map)
Url() met mediatype
@import url(../jestyle.css) screen;
Deze regel verbergt je Css voor volgende browser:
- Netscape 4.x
- Win IE 5 en alles daaronder
Url() met meerdere mediatype’s
@import url(../jestyle.css) screen, projection;
Deze regel verbergt je Css voor volgende browser:
- Netscape 4.x
- Win IE 6 en alles daaronder
Zonder Url()
@import "../jestyle.css";
Deze regel verbergt je Css voor volgende browser:
- Netscape 4.x
- Win IE 4 en alles daaronder
- Mac IE 4.01
- Konqueror 2.1.2
Besluit enzo
Dus als we allemaal al lange tijd akkoord gaan met het verbergen van stylesheets voor Netscape 4.x met de @import regel, omdat deze het toch niet aankan, waarom zijn we dan niet even “smerig” voor IE6 door toevoeging van meerdere mediatype’s om zo het hacken en/of filteren een einde toe te roepen?
Gelezen: 1129 | Design, CSS, Tips, Tutorials
Op Saturday 19 November 2005
Ik zie met de nieuwe ie al die browser sniffing javascripts terugkeren in een poging om de ie versie te vinden en aangepaste css te versturen. Waarbij alternatieve browsers dan weer schromelijk gaan vergeten worden en we dus opnieuw een paar jaar terugkeren.
Op Monday 21 November 2005
wow IE gaat achteruit in plaats van vooruit , wat een technologie van microsoft. Daar hebben ze verzekers jaren aan gewerkt :s
Op Tuesday 22 November 2005
Hmz de
@importregel gebruikte ik eerder om een andere reden, nl het crashen van nn4 bij het verwijzen naar een stylesheet.php, en deze loste ik vervolgens op bovenvermelde wijze op.Je kan natuurlijk ook de
!importanten conditional comment gebruiken om ‘bepaalde’ browsers te corrigerenToch bedankt voor de variatie in
@import, ” kan dus wel degelijk het verschil maken.Op Thursday 24 November 2005
Ik denk dat het handig zou zijn als je al die gegevens in een overzichtelijke tabel zet, zodat het makkelijk is om direct te zien welke code je nodig hebt…
Op Tuesday 29 November 2005
Er wordt ervan uitgegaan dat deze versie alle bekende bugs (box-model, double margin, peekaboo, floating content, etc…) niet meer zal hebben, wat dus waarschijnlijk het hacken en/of filteren eindelijk overbodig zal maken.
————————————————
EINDELIJK!!
Op Sunday 19 November 2006
Misschien een late reactie, maar net ff wat uitgeprobeerd.
@import "includes/main.css" screen;
Dit werkt in FF.
Dit werkt niet in IE6 en IE7 (de officiële versie).
Op Sunday 19 November 2006
Update:
wanneer ook maar een mediatype opgegeven wordt, werkt dit in geen enkele IE browser
@import url("includes/main.css");
Werkt in FF, IE6, IE7
@import url("includes/main.css") screen;
Werkt in FF, IE6, IE7
Hetzelfde geld als je url() zonder quotes gebruikt.
Dus dit
Url() met mediatype
@import url(../jestyle.css) screen;
Deze regel verbergt je Css voor volgende browser:
* Netscape 4.x
* Win IE 5 en alles daaronder
even aanpassen?