Avatar billede ny89 Nybegynder
11. juli 2012 - 20:29 Der er 13 kommentarer og
1 løsning

HTML/CSS

Godaften,

Jeg er i gang med en hjemmeside og havde den lokalt på computeren. Nu hvor jeg har lagt den i min FTP-server, dvs. på nettet og åbner en browser, så ser den anderledes ud. Elementerne har rykket sig og den ser ikke ens ud på Safari og i Firefox. Hvordan kan man forhindre det?

På forhånd tak for hjælpen.
Avatar billede scootergrisen Nybegynder
11. juli 2012 - 21:09 #1
Kom med et link så vi kan se det.
Er det en linux server du bruger på dit webhotel ?
Check dine stier.
Avatar billede Wally1973 Praktikant
12. juli 2012 - 07:35 #2
Som scootergrisen er inde på, så kan nogen servere, specielt Linux, være case-sensitive, hvilket betyder at der skelnes mellem store og små bogstaver i dine stier.
Det gør din lokale Windows ikke.
Avatar billede keysersoze Ekspert
12. juli 2012 - 09:08 #3
Det mest sandsynlige er at du mangler en DOCTYPE og/eller har skrevet anvalid kode - og grunden til at det ser forskelligt ud fra udviklingsmiljø til den er online er, at browseren er sat op til at vise localhost i quirksmode (det er standard).

Et link vil gøre underværker - men før du giver os det så læs denne artikel http://www.web-dev.dk/post/DOCTYPE-og-valid-kode-ens-udseende-i-Internet-Explorer-og-FireFox.aspx og få rettet op på netop en eventuel manglende DOCTYPE og fejl i HTML/CSS.
Avatar billede ny89 Nybegynder
12. juli 2012 - 22:14 #4
Undskyld at jeg ikke fik svaret. Vil prøve at læse keyseroze's link :) ellers vender jeg tilbage.
Avatar billede olebole Juniormester
13. juli 2012 - 15:35 #5
<ole>

@keysersoze: "browseren er sat op til at vise localhost i quirksmode (det er standard)." >> Det har jeg aldrig oplevet eller hørt om. Hvad er det for en installer?

@ny89: Min allerførste tanke er, at du formodentlig linker til en lokal CSS-fil:

<link type="text/css" rel="stylesheet" href="[color=#c00]Stien, som står her[color]">

Mon ikke, du der linker til en fil på dit C-drev - eller noget i den stil?

/mvh
</bole>
Avatar billede olebole Juniormester
13. juli 2012 - 15:37 #6
Dooohhhh ...  =)

<link type="text/css" rel="stylesheet" href="Stien, som står her">
Sådan!  *o)
Avatar billede keysersoze Ekspert
13. juli 2012 - 16:02 #7
Sorry - ikke quirksmode, det var compatibility mode jeg ville frem til. Men jeg kan da sikkert lave en lille pakke til dig hvis du gerne vil have quirks som standard ;)
Avatar billede olebole Juniormester
13. juli 2012 - 16:17 #8
Det har jeg nu heller ikke været ude for med en WAMP installer. Tak, jeg klarer mig uden pakken  *D
Avatar billede ny89 Nybegynder
18. juli 2012 - 19:45 #9
Det fungerer stadig ikke :S Nej, filerne ligger på c-drevet :)
De er samlet og tilsluttet FTP.
Avatar billede olebole Juniormester
18. juli 2012 - 20:06 #10
Upload dine filer til serveren og link korrekt til dem. Så virker det
Avatar billede ny89 Nybegynder
18. juli 2012 - 20:10 #11
fundet ud af det :) Min position var ikke sat korrekt.
Har lige et spørgsmål inden jeg lukker indlægget, så I må gerne sende et svar, hvis I vil have point.

Jeg har sat mit baggrundsbillede til 1024x768, men det fylder ikke hele siden. Hvor stort skal det være, for at dække hele siden?
Avatar billede scootergrisen Nybegynder
18. juli 2012 - 20:45 #12
#11 > Hvor stor opløsning bruger folk på deres skærm ?
Det er forskelligt.

Du kan istedet gøre det er du strækker billedet med CSS eller lægger det som fliser hvis det er et billeder der ser flot ud sådan.
Avatar billede ny89 Nybegynder
18. juli 2012 - 20:55 #13
scootergrisen: Hvordan gør man det?
Avatar billede scootergrisen Nybegynder
18. juli 2012 - 23:35 #14
Du bruger CSS til at bestemme hvordan billedet skal vises på baggrunden.

For eksempel:
background:#eee url(billede.png) repeat left top;


Så bliver billedet lagt som fliser ud over det hele og er smart hvis billedet er lavet sådan at det er egnet til det.

Du kan søge efter "seamless" for at finde sådan nogen billedet der er egnet til det.
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