Office Forum
www.Office-Loesung.de
Access :: Excel :: Outlook :: PowerPoint :: Word :: Office :: Wieder Online ---> provisorisches Office Forum <-
Webseite für iPhone optimieren... (CSS-Einbindung)
zurück: CSS Browser Compatibility Problem weiter: Ich kann das inputfeld19 nicht mit VBA ansprechen Unbeantwortete Beiträge anzeigen
Neues Thema eröffnen   Neue Antwort erstellen     Status: Feedback Facebook-Likes Diese Seite Freunden empfehlen
Zu Browser-Favoriten hinzufügen
Autor Nachricht
Kai Mathieu
Einsteiger mit Grundkenntnissen


Verfasst am:
30. Jul 2012, 16:26
Rufname:

Webseite für iPhone optimieren... (CSS-Einbindung) - Webseite für iPhone optimieren... (CSS-Einbindung)

Nach oben
       

Hallo,

ich habe ein PHP-Script gefunden, welches erkennt ob der User mit einem mobilen Endgerät surft.
Code:
function check_mobile() {
  $agents = array(
    'Windows CE', 'Pocket', 'Mobile',
    'Portable', 'Smartphone', 'SDA',
    'PDA', 'Handheld', 'Symbian',
    'WAP', 'Palm', 'Avantgo',
    'cHTML', 'BlackBerry', 'Opera Mini',
    'Nokia', 'PSP', 'iPhone'
  );
  for ($i=0; $i<count($agents); $i++) {
    if(isset($_SERVER["HTTP_USER_AGENT"]) && strpos($_SERVER["HTTP_USER_AGENT"], $agents[$i]) !== false)
      return true;
  }
  return false;
}
Das funktiont auch tadellos.

Nun möchte ich aber, dass bei einem mobilen Endgerät eine andere CSS geladen wird. Im Netz habe ich diesen Lösungsansatz gefunden:
Code:
<link rel="stylesheet" media="screen" href="styles.css" type="text/css"
<link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 640px)" href="istyles.css"
Das die Tags nicht geschlossen sind weiß ich, aber der Code lässt sich anders nicht darstellen...

Leider funktioniert dies bei meinem IPhone 4 nicht. Bis jetzt sehen meine CSS so aus:

ohne Smartphone:
Code:
table.content {
    width: 1050px;
    border: 1px solid black;
    margin-left: auto;
    margin-right: auto;
}
mit Smartphone:
Code:
table.content {
    width: 640px;
    border: 1px solid black;
    margin-left: auto;
    margin-right: auto;
}
Dennoch muss ich scrollen (zur Seite), wenn ich die Seite aufrufe.

Kann mir jemand sagen, was ich falsch mache?

TIA
Kai
Gast



Verfasst am:
30. Jul 2012, 17:10
Rufname:

AW: Webseite für iPhone optimieren... (CSS-Einbindung) - AW: Webseite für iPhone optimieren... (CSS-Einbindung)

Nach oben
       

Gast am 30. Jul 2012 um 16:51 hat folgendes geschrieben:
ich bin schon einen Schritt weiter.

ich habe die check_mobile() so abgeändert, dass sie mir nicht true oder false sondern den Dateinamen einer der beiden css dateien zurück gibt.
Code:
<link type="text/css" rel="stylesheet" media="screen" href="<?php echo check_mobile(); ?>" />
Das funktioniert auch...

Allerdings kann ich auf meinem iPhone immernoch zur Seite srcollen, selbst wenn ich die Breite auf 100% setzte...

Gruß Kai

Hallo,

so ich habe mein Problem erkannt und gebannt (ICH IDIOT).

Und zwar hat mein Header.gif eine breite von 1050 px und diese muss ich in der CSS natürlich auch anpassen, wenn ich die Auflösung ändern will...

Schande über mein Haupt...

Naja... vielleicht hilft dieser Thread ja anderen weiter...

Gruß Kai
Marsupilami72
Office-VBA-Programmierer


Verfasst am:
02. Aug 2012, 13:52
Rufname:
Wohnort: Goslar


AW: Webseite für iPhone optimieren... (CSS-Einbindung) - AW: Webseite für iPhone optimieren... (CSS-Einbindung)

Nach oben
       

Und was machst Du, wenn das Smartphone kein 640 Pixel breites Display hat?

Einsteigermodelle haben teilweise nur 320x240Pixel...

_________________
Gruß,
Martin

Bitte keine Fragen per PN - dafür ist das Forum da!
Neues Thema eröffnen   Neue Antwort erstellen Alle Zeiten sind
GMT + 1 Stunde

Diese Seite Freunden empfehlen

Seite 1 von 1
Gehe zu:  
Du kannst Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
Du kannst Dateien in diesem Forum nicht posten
Du kannst Dateien in diesem Forum herunterladen

Verwandte Themen
Forum / Themen   Antworten   Autor   Aufrufe   Letzter Beitrag 
Keine neuen Beiträge PHP & JavaScript Forum: If Bedinung Trusted Siegel nur auf deutscher Webseite sehen 0 Jacky81 409 07. Jun 2013, 21:06
Jacky81 If Bedinung Trusted Siegel nur auf deutscher Webseite sehen
Keine neuen Beiträge MS Expression Web Forum: Reservierungssystem auf Webseite einbauen 1 hrhermann 1414 13. Jan 2012, 18:44
maninweb Reservierungssystem auf Webseite einbauen
Keine neuen Beiträge Frontpage Forum: Wie erstelle ich eine kleine Web-Seite ohne Kenntnise? Help! 3 ZoranW 1394 25. Okt 2011, 12:34
Gast Wie erstelle ich eine kleine Web-Seite ohne Kenntnise? Help!
Keine neuen Beiträge HTML & CSS Forum: wie zentriere ich die komplette webseite mit css??? 2 Linkifan 1735 03. Dez 2010, 11:56
Gast wie zentriere ich die komplette webseite mit css???
Keine neuen Beiträge MS Expression Web Forum: Webseite aus dem Internet auf die lokale Festplatte holen 2 Gast 2115 20. Okt 2010, 13:03
Pelikanflüsterer Webseite aus dem Internet auf die lokale Festplatte holen
Keine neuen Beiträge MS Expression Web Forum: Webseite immer zentral und in gleicher Größe. Wie geht das? 7 Hannesxyz 3750 15. Sep 2010, 13:38
thovi Webseite immer zentral und in gleicher Größe. Wie geht das?
Keine neuen Beiträge Frontpage Forum: Windows Ordner von einer ASP Webseite anlegen 0 Karlson 1719 22. Okt 2009, 11:34
Karlson Windows Ordner von einer ASP Webseite anlegen
Keine neuen Beiträge MS Expression Web Forum: Webseite zentrieren 11 HBM00 3232 08. Jun 2009, 19:51
sashnow Webseite zentrieren
Keine neuen Beiträge Frontpage Forum: Webseite runterladen? 3 alex.H. 914 11. Nov 2008, 20:49
CaBe Webseite runterladen?
Keine neuen Beiträge HTML & CSS Forum: Webseite runterladen 3 Jassi85 2909 21. Okt 2008, 10:50
Jassi85 Webseite runterladen
Keine neuen Beiträge Macromedia Dreamweaver Forum: Kann man mit dem DW CS3 vorhandene Webseite uploaden??? 2 chrie 2020 23. Aug 2008, 18:30
hinckley Kann man mit dem DW CS3 vorhandene Webseite uploaden???
Keine neuen Beiträge Frontpage Forum: eine PW geschützte webseite? wer weiss wie 3 mrbreackbeat 1360 30. Dez 2007, 12:29
maninweb eine PW geschützte webseite? wer weiss wie
 

----> Diese Seite Freunden empfehlen <------ Impressum - Besuchen Sie auch: HTML Forum