[ boguda @ 21.12.2015. 10:07 ] @
Pozdrav,
Nisam neki web dizajner(pocetnik moze se reci) ali znam ponesto.
Evo web strane koju pravim okpionir.co.nf

problem mi je sto Edge, chrome I dragon recimo prikazuju sve kako treba dok firefox ne prikazuje inline evo koda za css
Code:

   
      *{
      margin: 0px;
      padding: 0px;

  }
  h1{
      font: bold 20px Tahoma;
  }
  h2{
      font: bold 14px Tahoma;
  }
  header, section, footer, aside, nav, article, hgroup{
    display: block;      
  } 
  body{
    width: 100%;/* ikao je po difoltu 100% zbog razlike u browserima treba dodati*/
      display:-webkit-box;
    -webkit-box-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-flex: 1;
    text-align: center;
    background-image: url(Img2/bck_img.png);
    background-repeat: repeat;
    /*--
  background: -webkit-linear-gradient(270deg, white 0%, rgb(100,100,100) 110%);--*/ 

  }
  #big_wrapper{
     
    box-shadow: rgb(0,0,0) 0px 0px 10px;
    margin-left: 200px ;
    margin-right: 200px;
    margin-top: 3px;
    margin-bottom: 5px;
    text-align: left;
    background:#F8E0F7 ;
     /*--#D8D8D8--*/

  }
  #new_div{
    display:-webkit-box;
    -webkit-box-orient: horizontal;
     
  }
  #top_header{

      display:-webkit-box;
    -webkit-box-orient: horizontal;
    
    background: #F8E0F7;
    padding-left: 200px;
    padding-right: 200px; 
    padding-top: 20px;
    

  }
  #naslov{
    -webkit-box-flex: 1;
  }
  #logo img{
    border-radius:8px;
     -webkit-box-flex: 1;
  }
  
  #naslov h1{
    font: bolder 80px Helvetica;
    vertical-align: center;
    padding-top: 35px;
    text-align: center;
    color: #5F04B4;
    text-shadow: rgb(95,4,180) 1px 5px 10px;
  }
  #facebook a{
    text-decoration: none;
    color: white;
  }
  #facebook:hover{
   height: 45px;
    font: bolder 40px Verdana;
  }

    
[ djoka_l @ 21.12.2015. 10:19 ] @
Pa problem je što koristiš webkit atribute, što je OK za Chrome i Dragon, ali Friefox koristi drugačiji engine.
Probaj da dodaš -moz-box atribute. Oni ne bi trebali da smetaju da Chrome prikazuje kako treba, a Firefoxu bi možda pomogli...
[ kunc @ 21.12.2015. 10:21 ] @
CSS prefixes such as -ms-, -webkit-, -moz- (različiti browseri koriste različite webkit-ove)
U tvom slučaju, nigdje ne vidim da koristiš -mozkit za mozilu. Pokušaj da site provučeš kroz Bootstrap (lakše ćeš napraviti responsive site)
[ boguda @ 21.12.2015. 10:25 ] @
znaci mogu da ostavim wekit za chrome a samo da dodam za firefox.
Sajt nije responsive to cu tek probati kad budem ovo zavrsio, I sa ovim imam previse muke :-)
Bootstrap nisam nikada koristio niti bilo sta od tih alata ali sad cu probati. Valjda kad si pocetnik samo gledas da ne komplikujes sa jos vise alata
[ djoka_l @ 21.12.2015. 10:28 ] @
A najbolje je da batališ sve te engine based atribute i da koristiš samo standardne...
[ boguda @ 21.12.2015. 10:32 ] @
A da li je dobro za mene kao pocetnika da pocnem da koristim ove framework.
Probao sam vec sa foundation-om ali mi se cinilo da dobijam sve na ko na tacni pa kad dodjem u situaciju da treba nesto da izmenim i dodam nesto svoje posto nemam
adekvatno znanje potpuno se izgubim
[ djoka_l @ 21.12.2015. 10:41 ] @
Pitanje je šta je bolje za početnika. Iz tvog prvog rada se vidi da si uspeo da dobiješ stranicu koja je potpuno rasturena u jednom pretraživaču u odnosu na ono što si hteo da dobiješ.

Bolji framework sam nećeš napraviti. A možeš mnogo da naučiš ako se budeš udubio u to kako radi Foundation.
Možda ćeš u nekom sledećem projektu biti deo tima koji koristi Foundation, ili Bootstrap ili nešto drugo. Ako se budeš profesionalno bavio webom moraćeš da naučiš mnogo što šta...

[Ovu poruku je menjao djoka_l dana 21.12.2015. u 12:24 GMT+1]
[ boguda @ 21.12.2015. 19:50 ] @
a da li ima razlike izmedju Faundation-a I Bootstrap-a, ne mislim u codu nego u prednostima i manama