Hjemmeside kan ikke ses på Iphone og Ipad

Har du spørgsmål til andre systemer end Ubuntu kan du stille dem her.
Sv.Aage
Indlæg: 161
Tilmeldt: 16. jul 2007, 08:46
Geografisk sted: Strandby

Hjemmeside kan ikke ses på Iphone og Ipad

Indlæg af Sv.Aage »

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 ?
AJenbo
Admin
Indlæg: 20878
Tilmeldt: 15. nov 2009, 15:04
IRC nickname: AJenbo
Geografisk sted: Vanløse, København

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Indlæg af AJenbo »

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: 746
Tilmeldt: 18. maj 2011, 21:54
Geografisk sted: Ugelbølle ved Aarhus

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Indlæg af buddig »

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: 161
Tilmeldt: 16. jul 2007, 08:46
Geografisk sted: Strandby

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Indlæg af Sv.Aage »

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.
AJenbo
Admin
Indlæg: 20878
Tilmeldt: 15. nov 2009, 15:04
IRC nickname: AJenbo
Geografisk sted: Vanløse, København

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Indlæg af AJenbo »

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: 746
Tilmeldt: 18. maj 2011, 21:54
Geografisk sted: Ugelbølle ved Aarhus

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Indlæg af buddig »

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: 161
Tilmeldt: 16. jul 2007, 08:46
Geografisk sted: Strandby

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Indlæg af Sv.Aage »

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: 746
Tilmeldt: 18. maj 2011, 21:54
Geografisk sted: Ugelbølle ved Aarhus

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Indlæg af buddig »

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: 746
Tilmeldt: 18. maj 2011, 21:54
Geografisk sted: Ugelbølle ved Aarhus

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Indlæg af buddig »

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: 5095
Tilmeldt: 27. apr 2008, 02:16
IRC nickname: lars_t_h
Geografisk sted: Fyn

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Indlæg af lath »

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
Jeg er Software ingeniør (Diplomingeniør) i Informationsteknologi og indlejede systemer, hvor indlejrede systemer er computer (microcontroller) + elektronik i for eksempel et TV, en router, en vaskemaskine og den slags
AJenbo
Admin
Indlæg: 20878
Tilmeldt: 15. nov 2009, 15:04
IRC nickname: AJenbo
Geografisk sted: Vanløse, København

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Indlæg af AJenbo »

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: 2667
Tilmeldt: 21. nov 2006, 10:06
Geografisk sted: Fredericia

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Indlæg af thj01 »

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
Forfatter til Ubuntuguiden: http://www.vidas.dk/guides/ubuntuguiden.html

Kører LTS udgaverne.

"It's always easy if you know how to do it."
Sv.Aage
Indlæg: 161
Tilmeldt: 16. jul 2007, 08:46
Geografisk sted: Strandby

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Indlæg af Sv.Aage »

Hej med jer

Mange tak for hjælpen :-)

jeg ved ikke hvad jeg fik lavet, men nu virker den igen ?
buddig
Indlæg: 746
Tilmeldt: 18. maj 2011, 21:54
Geografisk sted: Ugelbølle ved Aarhus

Re: Hjemmeside kan ikke ses på Iphone og Ipad

Indlæg af buddig »

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