Mobile Seiten werden nicht richtig dargestellt
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
aufbau
code
entsprechend anpassen
erreichbar versuche
erreichen
fehler
forum
handy
helfen
http
jemand
markup
mobiltelefon
opus
programm
sprache
team
text
type
url
-
Ich habe eine Mobile seite erstellt. Die ist unter http://wap.okan.at zun erreichen. Damit die seite auf Handys richtig dargestellt wird möchte ich eine seite haben der so ähnlich wie diese seite aufgebaut ist. Meine Mobile seite ist viel zu bereit. Wo hab ich den fehler bei der html code gemacht?
Mein html code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <html> <head> <title> okan.at </title> <meta http-equiv="content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <table align="center" border="0" cellpadding="0" cellspacing="1" width="776" bgcolor="#000000"> <tr> <td> <table align="center" border="0" cellpadding="0" cellspacing="0" width="776" class="head"> <tr> <td valign="top" height="2"></td> </tr> <tr> <p> <base mce_href="http://www.okan.at/" href="http://www.okan.at/"> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta content="Deine Mobile seite von okan.at" name="description"> <meta content=" okan.at name=" keywords=""> <meta content="index, follow, noarchive" name="robots"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport"> <meta content="”telephone=no”" name="”format-detection”"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="black" name="apple-mobile-web-app-status-bar-style"> <link rel="apple-touch-icon" mce_href="/assets/img/web_1.0.0/ht_touch_icon.png" href="/assets/img/web_1.0.0/ht_touch_icon.png"> <link rel="apple-touch-startup-image" mce_href="/assets/img/web_1.0.0/ht_touch_startup.png" href="/assets/img/web_1.0.0/ht_touch_startup.png"> <link type="image/ico" mce_href="http://okan-wuppertal.lima-city.de/Mobil/bilder/favicon.ico" href="http://okan-wuppertal.lima-city.de/Mobil/bilder/favicon.ico" rel="shortcut icon"> <link type="image/x-icon" mce_href="http://okan-wuppertal.lima-city.de/Mobil/bilder/favicon.ico" href="http://okan-wuppertal.lima-city.de/Mobil/bilder/favicon.ico" rel="icon"> <link mce_href="/site/scripts/mobile/lib/iphone.css" href="/site/scripts/mobile/lib/iphone.css" rel="stylesheet" type="text/css"> <link mce_href="/site/scripts/mobile/lib/iphone_article.css" href="/site/scripts/mobile/lib/iphone_article.css" rel="stylesheet" type="text/css"> <mce:script mce_src="/assets/lib/js/mootools-1.2.js" src="/assets/lib/js/mootools-1.2.js" type="text/javascript"></mce:script> <mce:script mce_src="./assets/lib/js/swfobject.js" src="./assets/lib/js/swfobject.js" type="text/javascript"></mce:script> <mce:script mce_src="./assets/lib/js/js_general_1.2.2.js" src="./assets/lib/js/js_general_1.2.2.js" type="text/javascript"></mce:script> <mce:script mce_src="/site/scripts/mobile/lib/iphone.js" src="/site/scripts/mobile/lib/iphone.js" type="text/javascript"></mce:script> <mce:script mce_src="./assets/lib/js/slimbox.js" src="./assets/lib/js/slimbox.js" type="text/javascript"></mce:script> <title></title> </p> <div id="page"> <div onclick="sendNavi('');" id="header"> </div> <div class="line"> </div> <div class="content"> <div mce_style="background: url(.//assets/media/artikel/topstory/album_83_bling_valentin_paula/lovefurni.gif) right no-repeat;" style="background: transparent url(.//assets/media/artikel/topstory/album_83_bling_valentin_paula/lovefurni.gif) no-repeat scroll right center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" class="topnews"> <div id="navi_filter" class="navi"> <div class="navi_filter clink" id="navi_filter_furni"> </div> <div class="navi_filter clink" id="navi_filter_article"> </div> </div> </div> <div class="line_sml"> </div> <div class="inner"> <h1>Diese seite ist noch im Aufbau</h1> <p>Hier gehts zum <a target="_self" href="http://forum.okan.at" mce_href="http://forum.okan.at">Forum</a></p> <p>Hier gehts zum <a target="_self" href="http://blog.okan.at" mce_href="http://blog.okan.at">Blog</a></p> <p><font style="" color="#ff0000">Blog und Forum sind möglicherweisse nicht mit deinen Mobiltelefon erreichbar. Versuche mit Opera Mini diese seiten aufzurufen.</font>. </p> <p><a target="_self" href="http://mini.opera.com" mce_href="http://mini.opera.com">Opera Mini</a> herunterladen.</p> </div> <div class="line_sml"> </div> <div class="newslist"> <div class="newslist_kat ObjActive"> <div mce_style="background-image:url(.//assets/media/artikel/teaser/album_12_habbonot/cingibi.gif);" style="background-image: url(.//assets/media/artikel/teaser/album_12_habbonot/cingibi.gif);" class="newslist_img" onclick="sendNavi('article/2094');"> <div mce_style="background-position: -125px 0" style="background-position: -125px 0pt;" title="International » Kanada" class="newslist_flag tooltip"> </div> </div> </div> </div> <div class="line_sml"> </div> </div> <mce:script type="text/javascript"><!-- var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); // --></mce:script> <object mce_style="position:absolute; left:-20px;" style="position: absolute; left: -20px;" id="banner" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" align="middle" width="1" height="1"> <param value="sameDomain" name="allowScriptAccess"> <param value="/site/scripts/frank/frank.swf" name="movie"><embed mce_style="position:absolute; left:-20px;" style="position: absolute; left: -20px;" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowscriptaccess="sameDomain" name="banner" bgcolor="#ffffff" quality="high" mce_src="/site/scripts/frank/frank.swf" src="/site/scripts/frank/frank.swf" align="middle" width="1" height="1"></object> <mce:script type="text/javascript"><!-- var pageTracker = _gat._getTracker("UA-3454783-1"); pageTracker._initData(); pageTracker._trackPageview(); // --></mce:script></div>
Beitrag zuletzt geändert: 24.1.2010 15:26:31 von cbhp -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Guten Abend,
der Fehler liegt bei der Tabelleneigenschaft "width".
Einfach die Größe entsprechend anpassen und es funktioniert.
Gruß,
dex (qap2-Team) -
qap2 schrieb:
Guten Abend,
der Fehler liegt bei der Tabelleneigenschaft "width".
Einfach die Größe entsprechend anpassen und es funktioniert.
Gruß,
dex (qap2-Team)
Ich hab diesen html Code nicht komplett selber geschrieben. Wie kann man den Tabelleneugenschaft ändern? Was muss ich schreiben damit die seite richt dargestellt wird? -
okan-wuppertal schrieb:
lucas9991 schrieb:
Wenn schon WAP Seite, dann doch bitte auch mit WML.
http://de.wikipedia.org/wiki/Wireless_Markup_Language
Ich habe gegoggelt und habe kein Programm gefunden der html ind WML umwandelt. Kann mir jemand weiter helfen?
Dann lies doch einfach die Wikipedia Seite... WML ist eine Markup Language die spezielle für Mobile Endgeräte mit kleiner Anzeigefläche entwickelt wurde. Es ist genauso eine Sprache wie HTML. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
