Gå til innhold

Kommentar fra Innholdsansvarlig på Diskusjon.no: Fullt navn er ingen garanti for en saklig debatt

Foto

Farger på hjemmeside vises ulikt, pc / mobil


8 svar i denne tråden

#1 hobbyfotograf1

hobbyfotograf1

    Bruker

  • Medlemmer
  • 18 innlegg
  •   9. juni 2019

Skrevet 26. juni 2019 - 20:18

Jobber litt med en hjemmeside der jeg skal lage et fotoalbum. Tester den i ulike nettlesere på både pc og mobil, og har oppdaget at fargene på siden er helt ulik på en av telefonene, samsung S9, uansett hvilken nettleser jeg bruker på den. På min gamle S7 og pc'en vises alt slik det skal være. Er det mobilen som er problemet, eller kan det være noe jeg har gjort galt i programmeringen?

 

Bakgrunnen (body) skal være lys grå og siden ellers hvit, men på S9 er den mørk grå. Hjelper ikke starte den på nytt eller slette nettleserdata. Skriver forøvrig hele siden fra bunnen av i Notepad++. Legger ved screenshot fra begge telefonene.

 

Vedlagte miniatyrbilde(r)

  • Screenshot S7.jpg
  • Screenshot S9.jpg

  • 0

#2 Emsal

Emsal

    Bruker

  • Medlemmer
  • 876 innlegg
  •   28. august 2008

Skrevet 26. juni 2019 - 20:20

Hei!

Bruker du background-color:Grey eller f.eks background-color:#CCCCC

Husk å bruke hekskoder eller rgba, ellers bestemmer nettleseren hva den synes fargen grå skal se ut.
  • 0

#3 hobbyfotograf1

hobbyfotograf1

    Bruker

  • Medlemmer
  • 18 innlegg
  •   9. juni 2019

Skrevet 26. juni 2019 - 20:39

Hei!

Bruker du background-color:Grey eller f.eks background-color:#CCCCC

Husk å bruke hekskoder eller rgba, ellers bestemmer nettleseren hva den synes fargen grå skal se ut.

 

Body: background-color: #E0E0E0;

PageContainer: background-color: #FFFFFF;

Input, Textarea: background-color: #FFFFFF;

 

I kontaktskjemaet er også feltene svarte og ikke hvite. Det er jo rart at alle fargene vises riktig alle andre steder enn på den ene mobilen. Har testet på telefonen til samboer og der vises alt riktig slik jeg har skrevet det.

 

Når det gjelder selve bildegalleriet skal det vises fire bilder i bredden, men på S9'en er det eneste stedet det kun vises tre og hele siden virker smalere. Alt annet av menyer osv virker slik det skal overalt.

 

Foreløpig bygger jeg bare opp selve strukturen på menyer osv. Mer layout kommer litt senere.


  • 0

#4 ddb2002

ddb2002

    Bruker

  • Medlemmer
  • 157 innlegg
  •   29. april 2010

Skrevet 26. juni 2019 - 20:46

Noen nettlesere kan ha standarde valg for CSS og endre på hvordan ting ser ut derifra. Man kan overstyre dette med å bruke noe slikt som https://necolas.gith.../normalize.css/

F.eks. kan det hende nettleseren overstyrer den normale hvite bakgrunnen til svart om ikke annet er gitt i CSS dersom nattmodus er aktivert.


  • 0

#5 hobbyfotograf1

hobbyfotograf1

    Bruker

  • Medlemmer
  • 18 innlegg
  •   9. juni 2019

Skrevet 26. juni 2019 - 21:27

Nattmodus er ikke aktivert på telefonen, men om det er noe tilsvarende i nettleserne har jeg ikke funnet ennå. Installerte nettopp firefox og det vises feil også der. Bruker stort sett alltid chrome på både pc og mobil.

 

Legger ved forskjellen på hvordan bildegalleriet vises på de ulike telefonene. Det er S7 som viser slik det også er på pc'en og skal være. Fra kildekoden:

PageContent 1200px i bredden. Hvert bildeelement i albumet er 230px i bredden - tilsammen 920px pluss luft rundt så det burde jo være rikelig med plass.

 

Kan det være noe feil med innstillinger på mobilen? Har surfet innom mange nettsider og så vidt jeg ser er alle identiske på begge telefonene, bortsett fra den hjemmesiden jeg lager... Nå er jeg fristet til å nullstille telefonen til fabrikkinnstillinger og starte den helt på nytt.

Vedlagte miniatyrbilde(r)

  • Screenshot S7 Gallery.jpg
  • Screenshot S9 Gallery.jpg

  • 0

#6 Emsal

Emsal

    Bruker

  • Medlemmer
  • 876 innlegg
  •   28. august 2008

Skrevet 27. juni 2019 - 19:51

Hva skjer hvis du endrer fargen til f.eks grønn i stede for? Vises det korrekt da?
  • 0

#7 hobbyfotograf1

hobbyfotograf1

    Bruker

  • Medlemmer
  • 18 innlegg
  •   9. juni 2019

Skrevet 29. juni 2019 - 18:02

Hva skjer hvis du endrer fargen til f.eks grønn i stede for? Vises det korrekt da?

Fargene forble det samme på den ene telefonen uansett hvilken nettleser jeg testet. Nå har jeg nullstilt den og startet på nytt og da er problemet løst. Lurer likevel på hva som var problemet.

Det var mer enn fargene som var problemet. Teksten og eventuelle bilder ble riktig, men farger og hvor alt havnet på siden var ulikt.

Dette innlegget har blitt redigert av hobbyfotograf1: 29. juni 2019 - 18:04

  • 0

#8 Emsal

Emsal

    Bruker

  • Medlemmer
  • 876 innlegg
  •   28. august 2008

Skrevet 29. juni 2019 - 18:14

Har du alt i en egen css fil? For den blir ofte cachet av nettleseren slik at man slipper å laste den inn hver gang. Triks jeg har brukt er å sette "?" på slutten av filen og f.eks skrive et tall. Eks:cusom.css?123 da lurer du nettleseren til å hente filen på nytt.
  • 0

#9 Bjerknez

Bjerknez

    Bruker

  • Medlemmer
  • 7 618 innlegg
  •   25. juli 2003

Skrevet 12. juli 2019 - 23:04

Sikker på at du ikke har endret fargene kun for mobile enheter? (Responsive mode)
  • 0


0 bruker(e) leser denne tråden

0 medlemmer, 0 gjester, 0 skjulte brukere