Archived post from my old blog (2007–2016), restored from the Wayback Machine. It is published as written at the time, in Italian; tools and versions are likely out of date.
Last night a coder saved my life
Grazie a Rafel Lima e al suo microscopico ma utilissimo CSS Browser Selector sono riuscito a sistemare in pochi minuti un posizionamento pazzesco di uno slideshow (che aveva i figli con position:absolute) e che veniva posizionato con offset fuori di cranio e diversi per ogni browser, perfino fra Firefox 2 e 3 O_O ! (il sito non l’avevo scritto io: è un crap-o-rama tutto pieno di td, tr ,tbody incasellati uno dentro l’altro, molto web 0.5).
Ad ogni modo, il suo script aggiunge una classe al corrispondente al browser, quindi poi basta mettere un selettore del tipo:
.ff3 div#slideshow img{display:none; top:-110px; left:-637px;}
.ff2 div#slideshow img{display:none; top:-54px; left:-616px;}
.ie div#slideshow img{display:none; top:-108px; left:-620px;}
.chrome div#slideshow img{display:none; top:-55px; left:-632px;}
.opera div#slideshow img{display:none; top:-55px; left:-620px;}
e il gioco è fatto.
Pessima pratica, ma se non si viene pagati per un completo refactoring direi che va più che bene.
Grazie Rafael 🙂
← Archive