co to za element ? Opcje

[angerthor]

Witam,

ostatnio zetknąłem się z ciekawym stylem :

[HTML] pobierz, plaintext 
{
      width: 10em;
      w\idth: 6em;
 
}
[HTML] pobierz, plaintext 

i nie wiem, co to jest to w\idth ? W żadnym kursie nie mogłem tego znaleźć.


Domyślam się, że pewnie coś związanego z różnymi rodzajami przeglądarek, ale może mi to ktoś objaśnić

[matrach]

Powiem krótko:
"Mi to wygląda na literówke"
Bo czegoś takiego nie ma

[devnul]

kpisz czy o droge pytasz?
przecierz to wyraźny błąd - czyjeś niedopatrzenie, literówka lub jak tam sobie chcesz - nie ma takiego czegoś.

[angerthor]

Sorry, ale ja nie pytam się kto nie wie, tylko kto wie

Już sam znalazłem, jakby ktoś był ciekaw : link

[devnul]

generalnie rzecz biorąc to takie zagranie wykorzystuje błędy (lub dziwne zależności) w interpretacji kodu przez różne przeglądarki. Jeśli puścisz to przez parser w3 to wywali Ci błędy. Bo zgodnie z dokumentacją nei ma takiego czegoś! To tak jak otwierać okienka w javascript przy użyciu Toctype xhtml strict tylko po to zeby ominąć parser w3 - tak też tutaj omijasz przeglądarki w zależności od ich interpretacji css. Dla mnie bezsens

[dr_bonzo]

To sa HACKI -- rozwiazania bazujace na niestandardowym, nieprawidlowym zachowaniu przegladarek.

Dokladnie jest to tu opisane:

The top rule (line 1) is used by browsers like Op5 that get the box model correct, but choke on the escapes in the following rule. Op5 ignores those rules entirely.

The first 'escaped' property (line 5) will be used by IE5.x, and feeds that browser its 'fudged' value. The second escaped property (line 6) cannot be read by IE5.x, but is read and used by modern 'escape friendly' browsers like N6, Moz, Op6, and IE6.

[devnul]

zgadza się, jednak ich użycie jest niezgodne ze standardami (przynajmniej części z nich) i walidator się na tym wykrzaczy

[mike]

zgadza się, jednak ich użycie jest niezgodne ze standardami (przynajmniej części z nich) i walidator się na tym wykrzaczy

Czasami warto się zastanowić, czy lepiej nagiąć standardy i pójść w stronę funkcjonalności i prostoty.

Na przykład taki kod (który wiadomo że badzIEwie źle zinterptetuje):

[HTML] pobierz, plaintext 
<style type="text/css">
div {
    float: left;
    padding: 20px 10px;
    width: 100px;
    height: 200px;
}
</style>
 
<!--[if IE]>
<style type="text/css">
div {
    width: 120px;
    height: 240px;
}
</style>
<![endif]-->
[HTML] pobierz, plaintext 

można zastąpić krótkim:

[HTML] pobierz, plaintext 
<style type="text/css">
div {
    float: left;
    padding: 20px 10px;
    width: 100px;
    height: 200px;
    /width: 120px;
    /height: 240px;
}</style>
[HTML] pobierz, plaintext 

[devnul]

zgadza się, jest to jednak kwestia ustalenia priorytetów, dla jednych ważna jest walidacja, dla innych łatwość pisania kodu

[revyag]

Kod

<style type="text/css">
div {
   float: left;
   padding: 20px 10px;
   width: 120px;
   height: 240px;
   background-color:#ff0000;
}
body>div {
    width:100px;
    height:200px;
}
</style>

można też tak, wtedy i krótko i zgodnie