Avatar billede weblance Nybegynder
09. april 2011 - 18:09 Der er 8 kommentarer og
1 løsning

Websiden ser ikke ens ud ved forskellige opløsninger

Hejsa eksperter

Jeg har igennem længere tid arbejdet på et rimelig omfattende site og nu synes jeg efterhånden at der ser ud som jeg vil have det. Problemet er bare at den ikke ser helt ens ud på forskellige computere. Ved en opløsninge på 1920x1080 og 1920x1200 ser den ud som den skal, men ved f.eks. 1024x576 er nogle af elementerne skæve ift. hvor de skal være.

Er det fordi jeg anveder px i alle mål i min CSS i stedet for em eller %?

Hvad er det mest rigtige at anvende?
Avatar billede weblance Nybegynder
09. april 2011 - 18:16 #1
Glemte lige en ting:

Jeg har brugt megen tid på at få det til at se ens ud i IE, FF, Safari og Chrome, men både i FF4 og IE9 ser det anderledes ud end det skal. Det er som om nogle af elementerne ikke er positioneret rigtigt.

Nogen idéer?
Avatar billede keysersoze Ekspert
09. april 2011 - 18:40 #2
px er som udgangspunkt et godt valg - prøv evt at giv et link så vi kan se hvad der er galt.
Avatar billede weblance Nybegynder
09. april 2011 - 21:38 #3
Siden det drejer sig om er www.solia.dk og problemet kan ses allerede på forsiden.
Problem nr. 1 er menuen, hvor den gule baggrund kun skal gå ned til den sorte  streg, men i stedet går den ned over stregen. Dette ses både i IE9 og FF4.
Problem nr. 2 er slideren, hvor der er fire gule cirkler i nederste højre hjørne. Der kommer en ekstra "top" under de fire cirkler, og det skal der ikke.
Problem nr. 3 er de 4 infobokse i bunden, der går teksten går ud over "Læs mere..." og det er heller ikke meningen.
Avatar billede weblance Nybegynder
09. april 2011 - 21:41 #4
Problem 2 har jeg lige løst. Kom i tanker om at der skulle være en background-repeat: no-repeat
Avatar billede keysersoze Ekspert
11. april 2011 - 17:49 #5
De problemer har vel ikke noget med skærmopløsningen at gøre - det er vel "bare" et browserspørgsmål?
Avatar billede weblance Nybegynder
15. april 2011 - 12:49 #6
Det er så det jeg er i tvivl om. Jeg er bage for at det måske er begge dele. Men jeg ved ikke engang hvor jeg skal begynde for at teste det af...
Avatar billede keysersoze Ekspert
15. april 2011 - 13:17 #7
Jeg har endnu ikke IE9 så kan ikke vurdere siden her - men i IE8 og FF ser siden ens ud mens der i IE7 er små forskelle.

Det første du i hvert fald kan og skal gøre er at sørge for at siden er valid - http://www.web-dev.dk/post/DOCTYPE-og-valid-kode-ens-udseende-i-Internet-Explorer-og-FireFox.aspx - dernæst er det "kun" et spørgsmål om at se siden i forskellige browsere og lave de småtilpasninger der er. Ved at benytte de udvikler hjælpeværktøjer der er til hver browser (fx firebug til firefox og developer toolbar til IE) kan du direkte se og manipulere koden.

Jeg kan i hvert fald ikke umiddelbart se problemer mht skærmopløsning så den behøver du ikke frygte som jeg ser det.
Avatar billede weblance Nybegynder
16. juni 2011 - 21:09 #8
Smid lige et svar keysersoze.
Avatar billede keysersoze Ekspert
16. juni 2011 - 21:56 #9
svar :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester