+- Sponsor-Board.de (https://www.sponsor-board.de)
+-- Forum: Community (/forumdisplay.php?fid=56)
+--- Forum: Hilfe (/forumdisplay.php?fid=102)
+---- Forum: Scripting (/forumdisplay.php?fid=108)
+---- Thema: Homepage auf Mobilem Handy (/showthread.php?tid=39202)
Homepage auf Mobilem Handy - eret12 - 26.05.2013 21:26
Hi,
ich habe ein Problem mit meiner Homepage…
und zwar habe ich die Seite komplett selbst gecodet und auf dem PC funktioniert die Seite mit verschiedenen Browsern auch ohne Probleme…
Aber wenn ich die Seite mit dem Handy aufrufe gibt es hier ein Problem…
Es geht hier um Folgende Seite:
[Link: Registrierung erforderlich]
Am PC wie gesagt kein Problem…
Aber am Handy passt die Schrift nicht in das vorgegebene Feld, sprich die Schrift wird größer, obwohl sie fix vorgegeben ist…
Zumindest hat es so den Anschein, den der rote Trennstrich rutscht in das Schriftfeld bzw. die Schrift aus dem Schriftfeld…
So gebe ich die Schrift vor:
PHP-Code:
body {
background-image:url(...);
margin-top:0px;
background-attachment: fixed;
font-size: 16px;
font-family: 'Times New Roman';
}
Wie kann ich das Problem beheben?
Ich habe in Google leider nichts gefunden…
Lg eret12
RE: Homepage auf Mobilem Handy - DJ_Drio - 26.05.2013 21:31
Ich kenn da nur eine lösung, die dir helfen könnte. Und zwar eine Subdomain anzulegen und diese seite extra für Handy scripten. In die Haupt Domain müsste allerdings dann eine überprüfung stattfinden. Da kannst du mal diese Seite durchstöbern: [Link: Registrierung erforderlich]
RE: Homepage auf Mobilem Handy - Aaron - 26.05.2013 21:31
was fürn Handy ? OS ?
RE: Homepage auf Mobilem Handy - eret12 - 26.05.2013 21:36
@DJ_Drio:
Danke für den Link, werd ich mal durchgucken...
Wollte eigentlich um eine eigens für das Handy angepasste Seite herumkommen...
@Aaron:
Galaxy S3, Android 4.1.2
Allerdings wurde mir das Problem auch schon von anderen mit anderen Handys (auch Iphone) übermittelt...
Lg eret12
RE: Homepage auf Mobilem Handy - RapidWeb.space - 26.05.2013 21:44
http://img197.imageshack.us/img197/3959/1369600955617.jpg(!https)
Bei mir scheint es zu funktionieren...
RE: Homepage auf Mobilem Handy - eret12 - 26.05.2013 22:01
Bei mir ist es so...
Das eine Bild mit Firefox Mobil und das andere mit dem Standart Browser...
Lg eret12
RE: Homepage auf Mobilem Handy - sic_ - 27.05.2013 01:10
Das bei deinem ersten Screenshot ist nicht Times New Roman. Das Handy hat die Schriftart wohl nicht.
RE: Homepage auf Mobilem Handy - eret12 - 27.05.2013 12:26
Hi,
danke für die Info!
Gibt es eine Übersicht welche Schriftarten auf Android generell installiert sind?
oder ist das von Handy zu Handy unterschiedlich?
Ich hab mal irgendwo gelesen, dass man einen Browser auch dazu bringen kann eine Schriftart von der Website zu installieren. Ich habe den Artikel leider nicht mehr gefunden. Kennt jemand zufällig das verfahren?
Lg eret12
RE: Homepage auf Mobilem Handy - sic_ - 27.05.2013 12:42
Das solltest du nach einer Minute Google auch selber herausfinden können
Aber hier, bitte: Stichwort @font-face
Literatur: [Link: Registrierung erforderlich]
Beispiel (CSS):
Code:
@font-face {
font-family: 'TitilliumText25L800wt';
src: url('TitilliumText25L001-webfont.eot');
font-weight: normal;
font-style: normal;
}
Z. B. über [Link: Registrierung erforderlich] kannst du Schrifarten einbinden (die liegen dann auf Google-Servern)
RE: Homepage auf Mobilem Handy - amaruu - 27.05.2013 22:39
also eine Schriftvergrößerung erkenne ich nicht, aber das rote Trennstrich ruscht bei mir auch in die Schrift rein.
RE: Homepage auf Mobilem Handy - eret12 - 28.05.2013 00:28
Hi,
ja die Frage ist halt nur weshalb der da rein rutscht...
der Strich ist ja fix vorgegeben...
Code:
PHP-Code:
#trennung {
position: absolute;
margin-top: 487px;
margin-left: 202px;
height: 3px;
width: 720px;
background-color: #ED1C24;
border: 0px;
z-index:2;
}
#beschreibung {
margin-top: 517px;
margin-left: 202px;
height: 320px;
width: 720px;
position: absolute;
border: 0px;
z-index:2;
}
#trennung_2 {
position: absolute;
margin-top: 864px;
margin-left: 202px;
height: 3px;
width: 720px;
background-color: #ED1C24;
border: 0px;
z-index:2;
}
Trennung = Trennstricke über und unter dem Textfeld
Beschreibung = der Text selbst
Am PC funktioniert das ja auch ohne Probleme, nur am Handy eben nicht, bzw. nicht auf jedem Handy den bei draqonflux scheint es ja zu funktionieren...
Lg eret12
pushsubject - push - 10.07.2013 16:07
pushmessage
pushsubject - push - 28.07.2013 19:05
pushmessage
pushsubject - push - 18.08.2013 14:01
pushmessage