Hjemmeside kan ikke ses på Iphone og Ipad

Sv.Aage · Indlæg af **Sv.Aage** » 13. jan 2013, 13:49

Hej med jer

Jeg forsøger at holde en hjemmeside opdateret http://www.annabang.dk men efter opgradering af Iphone og Ipad til IOS6 er der opstået det problem, at siden ikke vises :-(

Den kommer frem i et øjeblik og så er der kun den øverste ramme tilbage.

Er der mon en herinde som kan/vil hjælpe med at løse dette problem ?

Indlæg af **AJenbo** » 13. jan 2013, 14:48

Browseren i iPhone er baseret på det samme som den i Chrome så prøv at teste det med den og se om der sker noget ligende. Jeg ville også kraftig fra råde dig at brug frames/iframes samt html i quirks mode. Og så ville det nok være en god ide at gå væk fra tables til layout.

buddig · Indlæg af **buddig** » 13. jan 2013, 15:02

Som CMAS dykker bliver jeg bliver helt nostalgisk ved synet af Jeres flotte hjemmeside.
På min HTC Flyer tablet vises siden OK, på min gamle HTC Wildfire er billedet i toppen skubbet lidt til højre.

Jeg kan se Stones Webwriter i sourcen, er det stadig en håndkodet HTML side ?
Måske er der hjælp her i denne validation af siden.
// Henning

Sv.Aage · Indlæg af **Sv.Aage** » 13. jan 2013, 15:43

Siden fungere fint i Crome ?
Jeg har kun hørt om problemet på Iphone og Ipad efter de har fået IOS6 i stedet for IOS5 ?

Og problematikken om frames osv. har jeg haft vendt nogle gange, men det kræver vist en ny side at få lavet, og da siden indeholder nogle elementer, som jeg ikke lige kan finde ud af at få kopieret over i en ny side, så er jeg blevet ved med at lappe på denne :-)

Disse elementer er vores tilmeldingssystem, som jeg mener er genialt.

Siden bliver ikke lavet med håndskrevet kode, jeg bruger kompozer :-)

Valitionen er måske meget god, men for mig er det desværre russisk, jeg fatter ikke en bjælde af hvad der står.

Og Henning du skal da være velkommen til en tur under vandet :-)

Vi har ud over en pæn hjemmeside, også et af Danmarks bedste dykkerskibe :-)

og et de bedste dykkermål lige uden for døren.

Indlæg af **AJenbo** » 13. jan 2013, 16:03

Ok, før siden bliver flyttet over i noget korrekt html vil jeg ikke turde gætte på hvad det er der ikke fungere på en iPhone.
Det eneste du nok kan gøre er at låen en iPhone til at teste og så prøve at lave ændringer i området hvor siden ikke fungere.

buddig · Indlæg af **buddig** » 13. jan 2013, 16:36

En af fejlene er øverst i koden.

Kode: Vælg alt

<!DOCTYPE html>
<html dir="ltr" lang="da-DK">
<head>

Øverste linie !DOCTYPE... mangler, måske er det derfor at Apples ting protesterer.
Det er let at sætte linien ind og prøve.
Ellers er tiden måske til at flytte det hele over på et Wordpress CMS.

Og tak for tilbuddet til at ses under vandet, men jeg har solgt mit dykker udstyr
og dykker kun med maske og snorkel om sommeren.
// Henning

Sv.Aage · Indlæg af **Sv.Aage** » 13. jan 2013, 17:25

buddig skrev:En af fejlene er øverst i koden.
Kode: Vælg alt
<!DOCTYPE html>
<html dir="ltr" lang="da-DK">
<head>
Øverste linie !DOCTYPE... mangler, måske er det derfor at Apples ting protesterer.
Det er let at sætte linien ind og prøve.

Tja det gav kun en tom side :-(

Jeg prøver mig lidt mere frem.

Tak for input

buddig · Indlæg af **buddig** » 13. jan 2013, 17:42

AJenbo skrev:... Jeg ville også kraftig fra råde dig at brug frames/iframes samt html i quirks mode...

iframes, der var den.

iPhone - iPad - iPod - iTunes - iMac - iClaud...
Apple nåede ikke at tage patent på iFrames, så det understøtter de selvfølgelig ikke.

//Henning

buddig · Indlæg af **buddig** » 13. jan 2013, 18:12

Kode: Vælg alt

<body bgcolor="#ffffa8">

Jeg kan se, at du har en anden baggrundsfarve i CSS filen end i dit HTML.

Kode: Vælg alt

body{
   
background-color:#6C96C8;
}

td {
COLOR:black;
FONT:11px/13px verdana;
}

a:link, a:visited 
{color:#000000; 
FONT-WEIGHT:normal; 
text-decoration: none;} 
 
a:active, a:hover { 
color:#000000; 
FONT-WEIGHT:normal; 
text-decoration:none 
}

.border {border: 1px solid #000000; }

Måske er det en ide, at starte med at skrive "<body>" uden "bgcolor="#ffffa8" " i teksten eller fjerne linket til CSS filen for at se, om det hjælper.
// Henning

lath · Indlæg af **lath** » 13. jan 2013, 19:09

Sv.Aage skrev:
buddig skrev:En af fejlene er øverst i koden.
Kode: Vælg alt
<!DOCTYPE html>
<html dir="ltr" lang="da-DK">
<head>
Øverste linie !DOCTYPE... mangler, måske er det derfor at Apples ting protesterer.
Det er let at sætte linien ind og prøve.
Tja det gav kun en tom side

Jeg prøver mig lidt mere frem.

Tak for input

Nogle kommentarer:

Du skal rette doctype linien, ellers må browseren gætte sig til hvad du mener- og computer-gætterier (heuristik) går nogen gange rigtig galt.
Du kan bruge den her:
Kode: Vælg alt
```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
```
dir og lang skal ind i et meta tag og ikke ind i html tagget.
http://www.easywebtutorials.com/html-tutorial/lessons/head.html
Fin liste over HTML tags finder du her: http://www.htmldog.com/reference/htmltags/ - bemærk de tutorials, references osv. der i venstre side.
Prøv så vidt det er muligt at lave din HTML korrekt, dvs <i><b></i></b> er ikke korrekt, da du skal lukke tags i omvendt rækkefølge af den rækkefølge du åbner tags i.
Brug tableless layout - det kræver at du lærer at bruge Cascading Style Sheets (CSS) rigtigt.
Du kan bruge den her til at starte med: http://webdesign.about.com/od/css/a/aa102102a.htm
Jeg vil også anbefale at du bruger et CMS, såsom Word Press, der er gratis (Open Source).
Den danske del af WordPress websitet: http://da.wordpress.org/
Selv sådan en IT-professionel som mig bruger et WorPress CMS på mit private website.
Jeg synes ikke det er sjovt at spilde min tid med lav-niveau web-ting. Det skal bare virke.

Opsummering:

Råskitsen til din web side er som følger

Kode: Vælg alt

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Titel skrives her</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
Her kommer indholdet af din web side
</body>
</html>

Du kan have en eller flere <meta /> i mellem <head> og </head> - husk mellemrumtegn før />
Jeg har i meta tagget skrevet at charset er UTF-8, så du skal huske at gemme dokumentet i UTF-8 tekst-indkodning.
Hvis du vil bruge noget andet så skriver du det du vil bruge i stedet og gemmer naturligvis dokumentet i den anden tekst-indkodning.

/Lars

Indlæg af **AJenbo** » 13. jan 2013, 22:15

Du kan eventuelt også læse lidt på min guide hvis du vil lære lidt mere om HTML koder:
https://ubuntudanmark.dk/forum/viewtopic.php?f=1&t=14751&p=112864#p112864

thj01 · Indlæg af **thj01** » 14. jan 2013, 03:15

Det ville måske være en god ide allerede nu at HTML5'ificere siden, så det bliver CSS der styrer designet af siden ved hjælp af class's og id's og ikke tabeller (http://www.w3schools.com/html/html5_intro.asp) - og så vil du endda med lidt snilde kunne lave et design til henholdsvis telefon/tablet bare ved at ændre i CSS koden. Ved at vælge noget JS til at styre menu og billeder vil du endda hente noget mere - ihvertfald i simpelhed.

Måske du endda med fordel kunne bruge dette system til den side: http://960.gs/ - og så er der hurtigt at opbygge et design

Der er ikke noget behov for at bruge tabeller på den side.... overhovedet.

Eller måske overveje at lave en decideret Jquirymobile udgave af hjemmesiden (http://jquerymobile.com/) - og så er du helt hjemme

Hvis Iphones ikke understøtter iframes, så står apple til at få store problemer, da det er en del af HTML5 standardern, som vist bliver indfaset allerede næste år. Og måske også derfor de har skældt ud på youtube... for de bruger iframes til at indlejre videoer

. OG den bliver lidt væsentlig, da den bruges til at indlejre andre dokumenter i dokumentet - og derved give søgemaskiner og andre nye smarte ting direkte adgang til information på siden.

Måske ville det være noget lettere at lave og arbejde med den side i wordpress/joomla/Drupal

Sv.Aage · Indlæg af **Sv.Aage** » 18. jan 2013, 12:29

Hej med jer

Mange tak for hjælpen :-)

jeg ved ikke hvad jeg fik lavet, men nu virker den igen ?

buddig · Indlæg af **buddig** » 19. jan 2013, 12:34

Kode: Vælg alt

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
  
  <link rel="shortcut icon" href="thumbKlistermaerke%20dykkerflag.ico">
  <title>Frederikshavns Sports Dykkerklub - FSK</title>

  <link rel="STYLESHEET" type="text/css" href="css/style.css">

Det ser ud til, at det er øverste linie, der gør forskellen.

Kode: Vælg alt

<html><head>
 <link rel="shortcut icon" href="thumbKlistermaerke dykkerflag.ico">       
 <title>Frederikshavns Sports Dykkerklub - FSK</title>

<link rel="STYLESHEET" type="text/css" href="css/style.css">

Her er, hvad jeg så, da du startede tråden, og her manglede linien <!DOCTYPE...
Lækkert at Apples browser nu også er tilfreds

// Henning

Ubuntu Danmark support

Hjemmeside kan ikke ses på Iphone og Ipad

Hjemmeside kan ikke ses på Iphone og Ipad

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Re: Hjemmeside kan ikke ses på Iphone og Ipad