CSS samo za Operu

E ovako, Opera ima jedan bug koji me jako smeta, a taj je da kad određujem width u postocima kod elemenata tipa <div>, Opera zaokruži taj postotak na cijeli broj (npr. 15.658% zaokurže na 15%) i to rade samo za width, ali ne i za margin, padding etc. Sad me zanima, postoji li neki način na koji mogu prepoznati ako posjetitelj koristi Operu i onda mu pružiti drugačiji CSS. Po mogućnosti da se radi o case-switch petlji u PHP-u jer filteri tipa -o- i -webkit- ili obuhvaćaju više vrsta browera ili ne rade na propertyjima koji mi trebaju. A pošto nema toliko bugova za Operu, nema ni solucija na internetu.

Hvala :)

Zato što radim responsive web i treba mi grid layout, a ako mi postici nisu dobri onda mi dolazi do trganja grida. Jedina solucija osim toga mi je da napravim 10-grid-layout pa da mi mi width 1/10 bude 8% (1% margine), ali s 12-gridnim layoutom imam više mogućnosti i bolje siteovi izgledaju. A sad ne znam jel mi se uopće isplati zajebavat zbog 2,3% tržišta koliko uzimaju korisnici Opere (i to uglavnom Ukrainci i Rusi koriste)

A ne znam PHP uopće, znam petlju napisat i to uz tutorial. Zato me zanimalo kako to srediti...

Ne koristim frameworke, ali na isto ti dođe kad koristiš npr. 960.gs

npr. probaj ovo otvoriti s Operom i vidjet ćeš kako desno nisu poravnati div-ovi, a sad zamisli da imaš layout s 5 takvih layouta ili pogodiš one koji su u decimalama oko .9...%...

Pa sve se razleti. Na 1200 px 0,9% je preko 10px. Par takvih i sve ode kvragu.

Nije ni meni to prvo rješenje najjasnije, a mislim da sam našao rješenje, napravit ću da mi javascript (jquery) očita korisnikov browser i onda sukladno tome, ako naleti na Operu, da doda padding s desne strane sukladno s klasom o kojoj se radi. Jer opet, ne želim radi 1 korisnika uništiti doživljaj ostalih 49 (koliki je odnos Opere i ost. browsera). A taj hack bi trebao ići u wordpress theme koje bi prodavao pa ipak mora ta solucija izgledati nešto profesionalnije...

Ne treba ti nužno fluidni grid za responsive web, puno frameworka koristi i fixed gridove-Amazium, Frameless

Moj savjet ti je da se ostaviš postotaka, i koristiš rem kao glavnu mjernu jedinicu. Znači sve od widtha, margina, paddinga pišeš s rem-om.I onda lupiš html{font-size:10px} i na kraju stylesheeta opališ puno media queriesa, tipa:

@media (max-width: 1280px) {
    html {
       font-size: 10px;
    }
}
   
@media (max-width: 1160px) {
    html {
       font-size: 9px;
    }
}
   
@media (max-width: 1040px) {
    html {
       font-size: 8px;
    }
}

i to lijepo razvučeš od najmanje do največe rezolucije. Stvar radi odlično, cijela stranica se prilagođava, nema onog stackanja kolumni što rade frameworksi.

Pa to ti ja i govorim, možda nisi shvatio što sam napisao, ali ako koristiš rem kao glavni "measurement unit", radiš responsive stranice koje su totalno "device independant".

Znači, nije te briga jeli u pitanju novi ipad, wii, neki novi smartphone koji će izaći tek 2015, ti ovom metodom pokrivaš sve moguće raspone. Ako te zanima mogu ti i linkove poslati gdje je to bolje objašnjeno.

samo mala napomena dobar broj ljudi ti ima java script isključen radi sigurnosnih razloga, tako ako se odlučiš za riješenje preko javasripta budi toga svjestan.