|
|
|
|
|
|
|
|
|
|
|
|
|
|
 |
|
|
\Mir - 02:06 |
|
|
|
|
| sab 12 aprile 2008 |
|
|
Lasciatemelo dire: l'esistenza di diversi browser, ciascuno con il proprio personale sistema per interpretare i codici html, è per noi webdesigner una grande seccatura. Fortunatamente, in genere, la stragrande maggioranza dell'utenza si divide tra Internet Explorer e il suo diretto concorrente. Un tempo era Netscape, oggi è Firefox.
Sono molteplici le ragioni che possono spingere l'utente medio all'uso dell'uno o dell'altro. Per molti IE è preferibile, perché è praticamente integrato nel sistema operativo più diffuso al mondo. Esistono poi ragioni di compatibilità, la maggior parte dei siti è ottimizzata per essere visualizzata dal browser Microsoft.
Dall'altro lato abbiamo, invece, chi preferisce un browser più stabile e più veloce. C'è poi chi apprezza le molte potenzialità del gioiello Mozilla, assenti in IE. Infine, citiamoli pure, ci sono coloro che più semplicemente detestano ogni software creato dalla multinazionale di Bill Gates.
Come si suole dire: a ognuno il suo!
Faccio ora ammenda e chiedo perdono per non avere rimediato a questa grossa lacuna, o anche solo per aver dato priorità ad IE, ma sapete com'è, l'untenza prima di tutto, e la maggioranza dell'utenza usa IE.
Il processo di "bug fixing" non è stato semplice. A volte bisogna semplicemente arrendersi all'idea che nel mondo dell'informatica certi misteri sono destinati a rimanere tali, almeno per le menti dei comuni mortali. Chiunque abbia mai avuto a che fare con un linguaggio di programmazione, anche semplice come il javascript o il PHP, si sarà trovato spesso di fronte a fenomeni assolutamente inspiegabili. Quella particolare linea di codice che è stata scritta e che è stata ricontrollata e ricontrollata proprio non ne vuole sapere di funzionare a dispetto di ogni logica apparente. Magari dopo mezza giornata si scopre l'arcano, altre volte non lo si scopre proprio e si decide di risolvere il problema riscrivendo il codice in altro modo o inserendo una linea aggiuntiva che controbilanci l'errore. Sistemare i codici html e php non è molto diverso e si ha in più il problema che magari quello che funziona perfettamente con un browser non funziona per quell'altro e viceversa.
Ma veniamo al sodo. La prima cosa che ho modificato è il menù in alto. Devo dire che Moonlight, che ha creato l'aspetto grafico, tende ad esagerare con le tabelle e il suo menù era un bizzaro insieme matrioske cui proprio non riuscivo a venirne a capo. Su IE si vedeva bene, ma Firefox, evidentemente indignato da tale caos, non voleva saperne di rispettare le spaziature. Alla fine ho deciso di ricreare da zero una nuova tabella. Non è esattamente uguale a prima, ma sono abbastanza soddisfatto del risultato.
Un altro baco che mi ha dato parecchio filo da torcere è stato quello che impediva la corretta visualizzazione dell'immagine dell'home page. Per qualche strana ragione Firefox preferiva dare una dimensione leggermente più grande ad una determinata cella, spezzando la continuità del disegno. Anche in questo caso sono dovuto scendere ad un compromesso. Invece di ridurre la dimensione della cella ho aumentato quella della sottostante. Così si rimetteva in pari. Questo però non risolveva il problema dell'aumentata dimensione della colonna centrale. Ho quindi dovuto lavorare in modo da togliere un pixel al bordo destro.
Poi c'è un'altra storia bizzara. A quanto pare alcuni dei link alle immagini trasparenti che sia io che Moonlight amiamo usare per dare spaziature fisse, non erano corretti. La cosa buffa è che con IE non me ne sarei mai accorto. Le immagini sono troppo piccole e l'icona del link interrotto del browser microsoft non si vedeva. Con Firefox invece si vedeva eccome. Quindi sono passato a sistemare tutti i link, e ce n'erano diversi da sistemare.
Un altro problema riguardava il bordo destro delle finestre centrali. La vedete? E' quella righina verticale grigia. In alcune pagine, Firefox si rifiutava di visualizzarla. Non saprei spiegare quale sia la ragione e nemmeno ci ho voluto perdere il mio tempo. Ci ho inserito, come soluzione, un'immagine trasparente grande un pixel. Voi non la vedete, ma la riga laterale torna visibile.
Dulcis in fundo, la famigerata questione del "height 100%". Il nostro sito, come potete vedere, ha un menu ad albero di dimensioni variabili. Questo significa che non è possibile dare dimensioni fisse all'altezza delle tabelle. Il design tuttavia vuole che tutte e tre le colonne tocchino il footer. Come fare quindi per far sì che la colonna centrale arrivi fino in fondo anche quando il contenuto del menù laterale occupa più righe? Con IE è semplice, basta impostare al 100% l'altezza della tabella. Gli esperti mi dicono che IE sbaglia. Sarà anche vero, ma sbagliando IE mi visualizza le cose come voglio io. Firefox no. Firefox è preciso. Certo è che il limite che divide la persona precisa dal rompicoglioni è soggetto a diverse interpretazioni soggettive. Ho dovuto quindi ingegnarmi usando l'abbastanza consolidata tecnica del "div" e "style". Non pensate però che il risultato sia perfetto. Ho fatto in modo che voi non lo possiate vedere ma in firefox a volte le colonne laterali scendono al di sotto del footer. Come sia possibile davvero non lo so. IE queste cose non le permette.
Permane qualcosa di diverso. Il menu ad albero laterale su Firefox non viene visualizzato correttamente. Si verifica, cliccando su Secret Files e Artwork, una spaziatura di troppo. Si tratta di un problema che avevo cercato di sistemare molti mesi addietro, ma senza successo. Alla fine però non è che l'effetto sia così brutto e quindi faccio finta che sia voluto.
|
|
|
|
|
|
|
|
|
|
|
|
|
 |
|
|
 |
| |
 |
|
|
 |
| Qual è l'avversario più temibile per i sei protagonisti? |
|
|
|
|
|
|
|
