Rimuovere la scrollbar dalla textarea in internet explorer

Giorgio Borelli

textarea con lo scroll in internet explorerQuando definiamo una textarea la sua visualizzazione in internet explorer viene rappresentata con una scrollbar laterale, questo effetto è spesso non gradito, anche perchè si presenta anche se il contenuto della textarea è vuota, inoltre questo problema si presenta in tutte le versioni di IE anche tra le più recenti come la 9.

A differenza di Explorer, invece, tutti gli altri browser la visualizzano come un normale box senza scroll, in pratica ci ritroviamo nuovamente di fronte ad una differenza di resa grafica di Explorer rispetto agli altri browser, fortunatamente risolvere (fix) questo problema di compatibilità cross browser è facilmente risolvibile inserendo una semplicissima regola css, andiamo a vedere quale.

Prosegue...

Categorie: CSS

Tags: , ,

Risolvere il problema delle liste numerate in Internet Explorer 7

Giorgio Borelli

Sebbene l'argomento specifico è sicuramente datato, torniamo a parlare nuovamente di compatibilità cross-borwser, problema invece sempre attuale, ed indovinate chi è il colpevole? Internet Explorer versione 7. Lo so, lo so che ormai la migrazione degli utenti verso la versione 9 ed adesso la 10 con il nuovo Windows 8 procede celermente, ma ancora vi sono molti utenti che usano Internet 8 o come nel caso in questione IE7, e poi per chi sviluppa web, bisogna assicurare una certa resa grafica per tutti i browser in tutte le versioni dei siti realizzati, non dico che la compatibilità sia raggiungibile al 100% (soprattutto con le versioni più vecchie) ma quanto meno cerchiamo di risolvere i problemi più comuni.

Il problema è questo, quando andiamo a creare delle liste numerate tramite il tag ol, in Internet Explorer 7, la lista viene presentata con una numerazione non crescente, ovvero ogni elemento presenta sempre il numero 1. Risolvere questo bug è semplice, andiamo a vedere come fare.

Prosegue...

Categorie: Browser | CSS

Tags: , ,

4 Metodi per aggiungere i CSS alle pagine HTML

Giorgio Borelli

Come inserire i fogli di stile nelle pagine webI Fogli di stile sono la tecnologia di riferimento per la realizzazione dei layout e della formattazione delle pagine web, per chi fà web, come i webdesigner o i webmaster, conoscerli è fondamentale, non fosse per altro che rappresentano lo standard imposto dal W3C per realizzare la struttura delle pagine web.

Un layout web realizzato con i CSS anzichè con le classiche tabelle HTML è impronta di professionalità e qualità del sito, oltre ovviamente a tutta una serie di vantaggi come l'indicizzazione, l'accessibilità, la manutenibilità, la pulizia del codice, la velocità del sito stesso. La filosofia che sta dietro i fogli di stile nasce dall'esigenza di avere un "linguaggio" distinto dall'HTML per strutturare e formattare i siti web, mentre l'HTML dovrebbe essere usato esclusivamente come markup per i contenuti, una tabella HTML serve per presentare dei dati in forma tabellare e non per suddividere le sezioni di una pagina web, ecco perchè sempre più il W3C impone l'uso dei CSS come standard, per radicare anche la mentalità che il codice (di formattazione o di programmazione) deve essere tenuto separato dal contenuto della pagina web.

Non voglio però entrare nella storia e nel merito dei CSS, sarebbe un argomento ben troppo lungo che esula dal nostro scopo, voglio fornirvi invece un'articolo che racchiude e spieghi le quattro tecniche  principali per inserire un foglio di stile all'interno delle pagine HTML, mostrando i vantaggi e gli svantaggi di ognuna di esse.

Prosegue...

Categorie: CSS | Web Design

Tags: , ,

CSS: pseudo class hover IE6 bug fix

Giorgio Borelli

Internet Explorer 6 non interpreta correttamente la pseudo class hover come regola nei fogli di stileCome visto anche nell'articolo precedente, la compatibilità Cross Browser ha un'importanza fondamentale nella realizzazione e nel successo di un sito web.

Visto e considerato che non tutti i browser interpretano correttamente ed allo stesso modo i tag HTML, e soprattutto se ne infischiano delle direttive del W3C (almeno nel passato), i Web Designer si ritrovano a dover risolvere problemi di compatibilità grafica tra i vari browser a dir poco ostici. Non solo abbiamo un elevato numero di browser, ma questi si moltiplicano ancora per le loro varie versioni, e riuscire a far vedere bene un sito con tutti, credetemi, è un'impresa faraonica se non impossibile. Comunque noi non ci scoraggiamo ed oggi cerchiamo di rendere la vita più facile agli sviluppatori web parlando di come risolvere (Fix) un bug dell'odiatissimo Internet Explorer 6 (ed anche IE5.5).

Il bug in questione riguarda la non corretta interpretazione della pseudo class hover in Internet Explore 6 e versioni precedenti.

Prosegue...

Categorie: CSS | Web Design

Tags: , , , , , ,