Commenti a: Chrome: il navigato Google si inventa navigatore

Di: Lwangaman

Lwangaman — Sun, 29 Mar 2009 16:01:32 +0000

Vedo che anche altri siti si devono confrontare con simili problemi… Stavo consultando ora questa pagina di Wikipedia: http://en.wikipedia.org/wiki/Building_429 , e vedo che in Chrome il box sotto il titolo (”This article needs additional citations for verification…”), si riversa su quello laterale a destra (con la foto e “Background information”), cosa che non avviene invece in Firefox o IE…

Inoltre sto trovando problemi con l’utilizzo dei percentuali per il width e height delle tabelle. Esempio: http://www.parrocchiasanlino.org/ Nella colonna destra della pagina, c’è il blocco “Titoli delle Notizie”, nel quale le tre celle sulla destra che creano una specie di barra laterale verticale, condividono l’altezza totale della tabella ognuna con un height=30%. Le tre celle sono distribuite uniformemente in Firefox e IE, mentre in Chrome le prime due rimangono schiacciate in altro e la terza prende il resto dello spazio. Come mai Chrome si comporta così? Infatti l’evento onmouseover della prima cella non risponde neanche in Chrome, mentre alle altre due sì…

Di: eumene

eumene — Sun, 15 Mar 2009 21:25:53 +0000

Grazie Lwangaman per la tua descrizione così dettagliata e corredata anche da un ottimo esempio.

Purtoppo la compatibilità del proprio codice XHTML + CSS con i vari browser è sicuramente il problema che più afflige i web designer ed assicurarla è tanto più complesso quanto più si gioca con quegli aspetti che si sa essere delicati.

I float sono probabilmente il simbolo dell’incompatibilità cross-browser a causa dell’interpretazione dei renderer non sempre impeccabile (leggi bug dei margini su IE6 e relativa cheat “display: inline”)

E come correttamente dici, lo strumento più utile dei web designer è sicuramente la pazienza

Di: Lwangaman

Lwangaman — Sat, 14 Mar 2009 00:16:57 +0000

Intanto premetto che non sono un esperto programmatore ma un autodidatta, per cui non so quanto il mio codice era pulito in primo luogo. So che mentre andava bene com’era in Firefox poi non andava bene in Chrome (che magari interpreta anche meglio i float), ed ecco che cosa ho corretto:
Utilizzo il CMS Flatnux in alcuni siti che curo, e ho portato delle modifiche al blocco Calendario di Flatnux, le quali modifiche richiedevano l’utilizzo dei float perché dovevo mettere più div uno accanto al altro sulla stessa riga (cosa che ora vedo non sarebbe necessaria utilizzando per esempio JQuery che si riferirsce con molta facilità a tutti i singoli elementi / oggetti di una pagina), comunque dopo aver dato un float:left a due o tre div che dovevano stare sulla stessa, poi ai successivi div che dovevano stare sulla riga successiva non ho applicato alcun float, e in questo modo tutto stava al suo posto sia in IE sia in Firefox. Quando poi ho provato Chrome ho visto che tutto il div successivo (che conteneva buona parte del calendario stesso) era tutto spostato da una parte e usciva addirittura dai confini del blocco! Ho realizzato allora che all’ultimo div sulla riga si dovrebbe applicare un clear in modo da togliere gli effetti dei float dagli elementi successivi, e applicando così un clear all’ultimo div della riga e per sicurezza un float:none al div della riga successiva ho visto che tutto tornava a posto in Chrome, e che andava bene anche in Firefox e in IE.

Comunque adesso sto notando che Chrome distanzia gli oggetti di una pagina in maniera abbastanza diversa rispetto a Firefox e IE (oppure è un problema di resa dei caratteri e dei fonts, che risultano più larghi rispetto a FF e IE?).

Per esempio in questa pagina http://johnrdorazio.altervista.org/SchedarioParrocchialeAlt.htm ci sono diversi div che contengono ognuno un fieldset, e mentre in IE e Firefox entravano benissimo nella pagina con i loro rispettivi float (e applicando dei percentuali di width per IE che li espandeva sempre e comunque se non glielo specifichi diversamente) e senza specificare nulla dei fonts o dei font-size, in Chrome invece prendevano troppo spazio e andavano a finire uno sotto al altro. Ho dovuto specificare un font-size più ridotto per farli entrare tutti come intendevo, ma in questo modo ora in FF e IE non sono più ordinati allo stesso modo perché gli spazi sono troppo larghi! O dovrò inserirli tutti in una grande tabella che li tiene in un unico modo sulla pagina, senza utilizzare i float, oppure dovrò usare il javascript per dire: se il browser corrente è Firefox, applica questi stili CSS; se è IE, applica questi altri; e se è Chrome, applica ancora questi altri!
E’ un po’ un casino così, purtroppo ci vuole tanta pazienza a creare pagine che siano cross-browser!

Di: eumene

eumene — Mon, 09 Mar 2009 11:21:20 +0000

Per Lwangaman, a che problemi con i float ti riferisci? Non ho riscontrato particolari problemi, ma effettivamente non verifico molto su Chrome i miei lavori (sono un po’ svogliato su questo browser!).

Ci puoi fare un esempio di problema che hai avuto e di come l’hai risolto?

Di: Lwangaman

Lwangaman — Mon, 09 Mar 2009 11:14:44 +0000

Un altro aspetto di Chrome che ho notato e che mi è piaciuto molto è la gestione dei textarea, sono espandibili dall’angolo inferiore destro, trascinando con il mouse! Niente più scrollbar!

Di: Lwangaman

Lwangaman — Mon, 09 Mar 2009 11:10:45 +0000

Ho riscontrato anch’io infatti delle diversità di Chrome nella gestione dei float. Non riuscivo a capire perché soltanto in Chrome alcuni elementi della mia pagina andavano a finire a destra e manca finché non ho guardato meglio i float, e modificando quelli ho visto che poi tutto tornava normale in Chrome e continuava anche a funzionare su IE e Firefox…

Di: bigo72

bigo72 — Sun, 08 Mar 2009 00:21:45 +0000

…e aspettiamo ancora le promesse versioni per linux e mac….vabbeh!

Di: nuovo browser da google | blog infocube web design IT solutions opensource provider

Wed, 03 Sep 2008 09:31:26 +0000

[...] cosa ne pensa diego che lo ha gia’ provato per tutti noi. Segnala [...]