In CSS verschillende stijlen voor NS en MSIE maken

[porn*]

Ik las laatst een topic (kan me helaas niet herinneren welke) waarin iemand een toevoeging gaf over stylesheets. Je kunt natuurlijk aparte maken voor NS en MSIE, maar dat is niet handig. De betreffende persoon liet een truukje zien om styles door MSIE OF NS te laten negeren, door er een extra style oid. in te zetten.

Weet iemand misschien welk topic dat was of hoe dat in zijn werk ging?

[MAZZA]

code:

<link rel="stylesheet" href="styleNN.css" type="text/css">
<style type="text/css">@import url("styleIEea.css"); </style>

Nutscrape kent de 2e manier van stylesheet linken niet dus die wordt 'overruled' door de eerste.

[Hangloozz]

ik denk dat je dit bedoeld (met © aan Pelle):

code:

<STYLE type="text/css" disabled>
<!--        
.inschrijven {
            font-family: verdana, arial, helvetica, sans-serif;
            font-size: 9pt;
            color: #333366;
            width: 240px;
            background-color: #fffffff;
            border-style: solid; border-width: 0px; border-color: #ffffff;
            }
.inschrijven2 {
            font-family: verdana, arial, helvetica, sans-serif;
            font-size: 9pt;
            color: #333366;
            }
-->
</STYLE>

[porn*]

Ja maar ik wil juist geen aparte stylesheets gebruiken! Iemand had een truukje om IN de gewone CSS een soort tag of teken oid. voor de betreffende tag te zetten die je in NS of MSIE wilt hebben, de ander negeert deze dan.

Ik weet alleen niet meer precies hoe & waar dit was

[porn*]

Op vrijdag 02 november 2001 10:22 schreef Hangloozz het volgende:
ik denk dat je dit bedoeld (met © aan Pelle):

code:

<STYLE type="text/css" disabled>
...
</STYLE>

Ehm en hoe zou dit verschil maken tussen NS en MSIE?

[porn*]

Negeert MSIE of NS die disabled en zoja, welke negeert wat? Ik wil namelijk per klasse een aantal commando's laten negeren door MSIE, maar Netscape moet ze wel gebruiken...

Dit is dus wat ik bv. zou willen:

code:

.inschrijven {
            font-family: verdana
            font-size: 9pt;
            color: #333366;
            background-color: #fffffff;
            @position:absolute;
            #width: 240px;
            }
</STYLE>

Dmv van een tekentje aangeven (bv met @) zodat bijv. MSIE die position:absolute WEL pakt, maar NS niet. Zo ook bij width, WEL bij NS door het #-je bijvoorbeeld, maar MSIE niet.

Of ben ik nu nog steeds vaag?

[Hangloozz]

dan zal ik Pelle ook ff quoten:

De externe stylesheet is voor IE, en die daaronder voor NS. Omdat er DISABLED staat in de style-tag, leest IE er overheen. NS kent dat attribuut niet, dus die overruled gewoon de style-specificaties in style.css.

now you know

[Blue-eagle]

code:

<style>
<!--
@import url(inc/style.css);
-->
</style>

Die kan NS niet lezen dacht ik...

[porn*]

Beiden bedankt voor de reacties, maar daarmee zijn de stylesheets nog steeds gescheiden. Ik zou graag 1 externe stylesheet gebruiken waarin styles specifiek voor MSIE en styles specifiek voor Netscape staan. Jullie oplossingen gaan nog steeds uit van twee aparte stylesheets.

[Pelle]

Op vrijdag 02 november 2001 13:57 schreef porn het volgende:
Beiden bedankt voor de reacties, maar daarmee zijn de stylesheets nog steeds gescheiden. Ik zou graag 1 externe stylesheet gebruiken waarin styles specifiek voor MSIE en styles specifiek voor Netscape staan. Jullie oplossingen gaan nog steeds uit van twee aparte stylesheets.

Kan niet. Punt.
De methode met disabled werkt, maar @import vind ik netter (© RM-rf trouwens).

/niet serieus-modus
Als je perse een oplossing met 1 stylesheet wilt: maak 2 verschillende pagina's, eentje voor IE en eentje voor NS. Detecteer welke page je moet tonen, en stop in allebei de pagina's andere classnames. Al die classes stop je in 1 stylesheet, en klaar

[oh,when?]

Ik weet niet welke versie van NS je bedoeld, maar het is mogelijk gebruik te maken van een bug in de CSS parser van IE (5 en 5.5), om zo IE5 en IE5.5 specifieke CSS styles te definen. Deze bug geld niet voor IE5 Mac, Gecko en Opera.

Het gaat dan om de volgende regel:

code:

voice-family: "\"}\"";

IE5 en 5.5 ziet die regel als het einde van rule, dus wat je daaronder defined word niet meer geparsed. Hier kun je dus je andere style-rules in stoppen. Je zou eventueel ook nog kunnen overstappen op CSS2 Selectors:

code:

#myDIV
border:10px solid black;
width:200px;
}
html>body #myDIV {
width:180px;
}

die wel werken in IE5 Mac, Gecko en Opera.

HTH

[porn*]

Op vrijdag 02 november 2001 19:34 schreef oh,when? het volgende:
Ik weet niet welke versie van NS je bedoeld, maar het is mogelijk gebruik te maken van een bug in de CSS parser van IE (5 en 5.5), om zo IE5 en IE5.5 specifieke CSS styles te definen. Deze bug geld niet voor IE5 Mac, Gecko en Opera.

Het gaat dan om de volgende regel:

code:

voice-family: "\"}\"";

[...]

Hee da's nog es interessant, morgen meteen proberen!

Dit zou dus bv moeten werken:

code:

.span {
width: 200px
voice-family: "\"}\"";
height: 100px
}

Waarbij dus alleen de width door MSIE 5+ wordt gezien en alle andere browsers ook de height zien?