Avaleht
uus teema   vasta Tarkvara »  WWW »  CSS crossbrowser support märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale. Teata moderaatorile
otsing:  
Dev Grex
HV Guru

liitunud: 29.07.2012



Autoriseeritud ID-kaardiga

sõnum 16.06.2015 16:04:33 CSS crossbrowser support vasta tsitaadiga

Tervist

Tekkis vajadus muuta erinevate DIV'de paigutusi vastavalt browserile. Veebileht jookseb wordpressi mootoril, teemaks shapebootstrap flat theme.
Kood, mis hetkel ei tööta, võiks järgnev olla:


margin-top: 50px;
-moz-margin-top: 60px;
-webkit-margin-top: 70px;
Kommentaarid: 344 loe/lisa Kasutajad arvavad:  :: 0 :: 1 :: 293
tagasi üles
vaata kasutaja infot saada privaatsõnum
gynterk
HV kasutaja

liitunud: 17.01.2004




sõnum 17.06.2015 00:23:09 vasta tsitaadiga

Defineeri ei tööta. Soojalt soovitan kasutada Autoprefixer`it (kui juba Bootstrap`i kasutad, siis üleüldse võiks Yeoman/Slush + Grunt/Gulp + SASS/LESS + autoprefix kasutada).
Kommentaarid: 5 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 5
tagasi üles
vaata kasutaja infot saada privaatsõnum
kuunar
Kreisi kasutaja

liitunud: 20.02.2009



Autoriseeritud ID-kaardiga

sõnum 17.06.2015 02:24:31 vasta tsitaadiga

prefiksid on eksperimentaalsete css-omaduste teema.

kuigi omaette miinustega, siis näiteks mingit sorti browser sniffing abiks. wp-s isegi bool muutujad olemas

https://codex.wordpress.org/Global_Variables#Browser_Detection_Booleans
Kommentaarid: 14 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 13
tagasi üles
vaata kasutaja infot saada privaatsõnum
Dev Grex
HV Guru

liitunud: 29.07.2012



Autoriseeritud ID-kaardiga

sõnum 17.06.2015 13:42:43 vasta tsitaadiga

Ei tööta sellesmõttes, et kasutades järgmist koodi:
margin-top: 50px;
-moz-margin-top: 60px;
-webkit-margin-top: 70px;

On ikkagi DIV block sama kõrgel igas browseris. Kõrgus muutub ainult siis, kui muuta järgmist koodi:
margin-top: 50px;
Kommentaarid: 344 loe/lisa Kasutajad arvavad:  :: 0 :: 1 :: 293
tagasi üles
vaata kasutaja infot saada privaatsõnum
Redikate
HV veteran
Redikate

liitunud: 30.12.2005




sõnum 17.06.2015 14:44:20 vasta tsitaadiga

Need ei toimi sest need ei ole valid webkit css propertid.
Sellist asja nagu -webkit-margin-top ei ole olemas.

_________________
http://nodejs.org/
"I'm also a person. Programming is just one thing I do."
Kommentaarid: 34 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 33
tagasi üles
vaata kasutaja infot saada privaatsõnum
Dev Grex
HV Guru

liitunud: 29.07.2012



Autoriseeritud ID-kaardiga

sõnum 17.06.2015 15:03:46 vasta tsitaadiga

Redikate kirjutas:
Need ei toimi sest need ei ole valid webkit css propertid.
Sellist asja nagu -webkit-margin-top ei ole olemas.

Hmmm.. Siis on jamasti. Oskate ehk mingit alternatiivi soovitada?
Kommentaarid: 344 loe/lisa Kasutajad arvavad:  :: 0 :: 1 :: 293
tagasi üles
vaata kasutaja infot saada privaatsõnum
Redikate
HV veteran
Redikate

liitunud: 30.12.2005




sõnum 17.06.2015 16:42:40 vasta tsitaadiga

Ma arvan et sa otsid mingile probleemile valest otsast lahendust.

Äkki näitad mis probleemiks on ja oskame paremini aidata?
Veel parem, tee fiddle.

_________________
http://nodejs.org/
"I'm also a person. Programming is just one thing I do."
Kommentaarid: 34 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 33
tagasi üles
vaata kasutaja infot saada privaatsõnum
Dev Grex
HV Guru

liitunud: 29.07.2012



Autoriseeritud ID-kaardiga

sõnum 17.06.2015 16:50:23 vasta tsitaadiga

Redikate kirjutas:
Ma arvan et sa otsid mingile probleemile valest otsast lahendust.

Äkki näitad mis probleemiks on ja oskame paremini aidata?
Veel parem, tee fiddle.

http://www.itkolmnurk.ee/vota-uhendust
Joondus on enam-vähem, aga see välimus on IE internetilehitsejas lihtsalt jube.
Kommentaarid: 344 loe/lisa Kasutajad arvavad:  :: 0 :: 1 :: 293
tagasi üles
vaata kasutaja infot saada privaatsõnum
Redikate
HV veteran
Redikate

liitunud: 30.12.2005




sõnum 17.06.2015 16:52:05 vasta tsitaadiga

Kasuta IE jaoks eraldi stylesheeti ja määra seal õiged marginid & paddingud:
https://css-tricks.com/how-to-create-an-ie-only-stylesheet/

_________________
http://nodejs.org/
"I'm also a person. Programming is just one thing I do."
Kommentaarid: 34 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 33
tagasi üles
vaata kasutaja infot saada privaatsõnum
Dev Grex
HV Guru

liitunud: 29.07.2012



Autoriseeritud ID-kaardiga

sõnum 17.06.2015 17:09:20 vasta tsitaadiga

Redikate kirjutas:
Kasuta IE jaoks eraldi stylesheeti ja määra seal õiged marginid & paddingud:
https://css-tricks.com/how-to-create-an-ie-only-stylesheet/

See kõlab hea lahendusena, tänud icon_wink.gif
Kommentaarid: 344 loe/lisa Kasutajad arvavad:  :: 0 :: 1 :: 293
tagasi üles
vaata kasutaja infot saada privaatsõnum
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  CSS crossbrowser support
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.