Rôznorodé zobrazenie – CSS – Fórum – Programujte.com

Dobrý večer, mám jeden problém s CSS so zobrazovaním v prehliadači Opera.
Nerobím to len mne, ale aj ostatným používateľom Opery, na FF a Chrome to ide bezchybne.
Ide o zobrazovanie obrázkov na stránke.

Jedná sa o kód:

img.zaklad {left: 10%; position: relative; border: none; }

img.statistika { left: 15%; position: relative;border: none; }

img.druziny { left: 20%; position: relative;border: none; }

img.hlasenia { left: 25%; position: relative;border: none; }

img.spravy { left: 30%; position: relative;border: none; }

img.odhlasit { left: 35%; position: relative;border: none; }

Výsledok Opera (nesprávny)


Ako vidíte, prvok 6 je v Opere umiestnený nesprávne.
Naozaj neviem, čo to spôsobuje, class pri odkazoch mám korektný, ostatné prehliadače to zobrazujú tak, ako majú.
Neviete mi poradiť, ako by som mohol tento problém vyriešiť, bol by som rád, ak by to na všetkých prehliadačoch zobrazovalo správne.


Ďalej mám otázku, tiež ohľadom Opery a jej nesprávneho zobrazenia, ide o prvky INPUT, ktoré sú spravené tiež v CSS, tu kód:

input.input {

height:20px;

 outline:none;

    transition: all 0.25s ease-in-out;

    -webkit-transition: all 0.25s ease-in-out;

    -moz-transition: all 0.25s ease-in-out;

    border-radius:3px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    border:1px solid rgba(0,0,0, 0.2);



}

Dobrý večer, mám jeden problém s CSS so zobrazovaním v prehliadači Opera.
Neviem skúšal som to na svojom prehliadači Opera ja používam verziu 10.63 tam mi nezobrazilo akurát tak obrázky 1. kopies5p3.jpg a 6.obrazovkayn6... v IE je zobrazenie teda poloha obrázkov identická z Operou nevidím v tom rozdiel , v Opere sa mi všetko javí správne teda by som to v tomto smere nehodnotil, iné je načítanie obrázkov sa mi javí dosť pomalé teda skor vidím problém v tom ale hlbsie som do toho nekukal.

Prehiladace sa bohuzial lisia v sposobe akym zobrazuju CSS-ko... Preto to musis testovat a upravovat pre kazdy prehliadac zvlast (teda len tie veci v ktorych sa lisia). Napr tie s prefixom -webkit-... sa pouzivaju len v prehliadacoch beziacich na jadre webkit (safari, chrome), tie s prefixom -moz- su zase specialne pre mozillu (firefox), a nie pre ine prehiadace... Nastastie mozes davat vacsinu do jedneho css suboru pretoze tu vlastnost co dany prehliadac nepozna tak ignoruje. Alebo mozes vytvorit specialne css subory pre rozne prehliadace a potom detekovat pouzivatelov prehliadac a podla toho nacitat css.