Credevo fosse dotted, invece era un calesse
Monday 7 January 2008 Marco Bertoni, ultimo aggiornamento: Tuesday 19 August 2008.
Perché Internet Explorer mi delude sempre?
Oggi giocavo un po’ con il CSS del form di ricerca del mio sito. Si vede che non ho un cacchio da fare eh? (sorriso).
Speravo davvero che il mancato supporto per il valore dotted della proprietà CSS border-style fosse stato risolto del tutto con la versione 7 di IE. Ma non è così.
Le regole incriminate sono le seguenti:
#search input[type=text] {border: 1px dotted #e0e0e0;background: #000;color: #fff;width: 40%;margin-right: 8px;}
#search input[type=submit] {border: 1px dotted #e0e0e0;background: #6e0000;color: #fff;width: 12%;}
Ecco l’immagine dell’errore:
Se il campo è di testo (input[type=text]) è tutto ok: il bordo è dotted. Se il campo è un pulsante (input[type=submit]), torna il vecchio fastidioso errore: dotted diventa dashed.
Immagino che altri se ne saranno accorti in giro per il web. Speriamo tutti in IE 8. Amen.
Monday 7 January 2008 16:32
E siamo alle solite.
Codice corretto ed interpretazione errata da parte del browser.
Personalmente, arrivando anche a pensare di esser completamente rimbambito, a volte ci impazzisco, e come tu segnali, senza risultato e nel frattempo aspetteremo i comodi di Gates & C.
Viva jaws !!!
Monday 7 January 2008 19:01
Oggi son di CSS :-). Comunque, quel bug veniva entusiasticamente evidenziato fra quelli corretti in IE7, insieme a cose ridicole per un browser (?) come: # prolog no longer causes quirks mode
# HTML element truly independent of the Body (now gets its own width, height etc.).
Arrivare alla versione 7 per rendere indipendenti gli elementi html e body solo Explorer poteva :-)
http://blogs.msdn.com/ie/archive/2006/08/22/712830.aspx
Comunque, c’è una lunga ed esilarante discussione su https://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=177532
peccato che si debba essere registrati.
Il bug sembra che si presenti (con IE è obbligatorio il condizionale, anche nei commenti) quando nel CSS vengono utilizzate diverse unità di misura, il tenero e sensibile cuoricino del parser di IE si confonde :-)
Mah
Monday 7 January 2008 19:17
ps: guarda cosa succede se fai così:
border: thin dotted #e0e0e0;
mah mah …
Monday 7 January 2008 19:46
Si ho visto :). Sulle parole chiave
thinmediumethickbisogna però dire che la specifica CSS lascia discrezionalità al produttore dello User Agent in merito all’implementazione.Scelta assurda, IMHO, da parte del CSS WG perché ne ha ovviamente determinato la morte (non del gruppo di lavoro eh! :P): chi progetterebbe un layout i cui bordi degli elementi sono a discrezione dello UA?