zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden media="handheld"

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.04.2011, 12:59
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.11.2010
Ort: Bad Langensalza
Beiträge: 733
gabischatz ist in Verruf geraten
Standard media="handheld"

Hi ich möchte ein Style für eine Seite erstellen nur für Handys.
Dazu müsste ich auf der Startseite eine Weiterleitung zur Betreffenden Seite einrichten.
Ich habe leider kein Internet fähiges Handy und auch keine Flatrate.

1. Wie wird die Weiterleitung zur Seite realisiert und wie kann ich die Seiten Prüfen ob sie richtig dargestellt werden?
2. Gibt es vielleicht eine Freeware die die Anzeige übernimmt?
3. Werden die Größenangaben für ein Styl in em oder in px Angaben gemacht?
4. Spielt das Betriebssystem der Handys eine Rolle?
ich bin für jede Antwort dankbar, Beispiele sind eine tolle Möglichkeit schnell zu begreifen wie es funktioniert.
MfG gabischatz

Geändert von gabischatz (30.04.2011 um 13:18 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.04.2011, 13:51
Benutzerbild von philosapiens
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 09.05.2009
Ort: Berlin Südende
Beiträge: 297
philosapiens befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

zu 3 & 4) Cascading Style Sheets { Tutorials : CSS-Layouts für Kleinbildschirme }

und

Sie suchen nach »handheld« auf webdesign weisshart

Viel Erfolg!
__________________
Der höchste Lohn für unsere Bemühungen ist nicht das, was wir dafür bekommen, sondern das, was wir dadurch werden.

Mein aktuelles Projekt bei idealseiten.de
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 30.04.2011, 15:34
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von gabischatz Beitrag anzeigen
Hi ich möchte ein Style für eine Seite erstellen nur für Handys.
Dazu müsste ich auf der Startseite eine Weiterleitung zur Betreffenden Seite einrichten.
Nein. Du brauchst ein Stylesheet mit media="handheld", wie schon dein Titel sagt. Dort kommen dann die Anweisungen rein, die nur Handys kriegen. Dadurch kannst du, bei vernünftigem Quelltext, die Seite komplett umgestalten. Mit so einer HTML-Vergewaltigung wie in deiner Navigationsleiste kommst du da aber nicht weit.

gruß,
take
Mit Zitat antworten
  #4 (permalink)  
Alt 30.04.2011, 17:36
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.11.2010
Ort: Bad Langensalza
Beiträge: 733
gabischatz ist in Verruf geraten
Standard

Danke für die Antworten
Hier ein Link zum Firefox Extension User Agent Switchermit dem man die Style kontrollieren kann und und noch ein Link für ein PHP Script.
Mit Zitat antworten
  #5 (permalink)  
Alt 30.04.2011, 18:29
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.11.2010
Ort: Bad Langensalza
Beiträge: 733
gabischatz ist in Verruf geraten
Standard

Ich habe mal das Script von Seite geändert um zur handheldsite.php weiterzuleiten.
PHP-Code:
<?php
/* Erklärung:                                                       *
 * Im array $agents werden charakteristische Anteile der User Agent *
 * Strings der häufigsten Handhelds eingetragen,                    *
 * darunter eben auch "iPhone".                                     */

$agents = array(
    
'Windows CE''Pocket''Mobile',
    
'Portable''Smartphone''SDA',
    
'PDA''Handheld''Symbian',
    
'WAP''Palm''AvantGo''iPhone''BlackBerry''MOT-',
    
'cHTML''BlackBerry''Opera Mini',
    
'Nokia''Palm''Blazer''SonyEricsson''Minimo'
);

for (
$i=0$i<count($agents); $i++) {
    if(isset(
$_SERVER["HTTP_USER_AGENT"])
   && 
strpos($_SERVER["HTTP_USER_AGENT"], $agents[$i]) !== false) {
            
$handheldsite 'refresh" content = "0; URL=http://www.DeineSeite/handheldsite.php';
   }
}
?>
<meta http-equiv="<?php echo (!$handheldsite)?'expires" content="'.
date("D").', '.
date("d").'.'.
date("M").'.'.
date("Y").'  '.
//date("n").
date("H").':'.
date("i").':'.
date("s").' '.
'GMT':"".$handheldsite ?> ">
und das Script erweitert um media="handheld".
PHP-Code:
<?php
/* Erklärung:                                                       *
 * Im array $agents werden charakteristische Anteile der User Agent *
 * Strings der häufigsten Handhelds eingetragen,                    *
 * darunter eben auch "iPhone".                                     */

$agents = array(
    
'Windows CE''Pocket''Mobile',
    
'Portable''Smartphone''SDA',
    
'PDA''Handheld''Symbian',
    
'WAP''Palm''AvantGo''iPhone''BlackBerry''MOT-',
    
'cHTML''BlackBerry''Opera Mini',
    
'Nokia''Palm''Blazer''SonyEricsson''Minimo'
);

for (
$i=0$i<count($agents); $i++) {
    if(isset(
$_SERVER["HTTP_USER_AGENT"])
   && 
strpos($_SERVER["HTTP_USER_AGENT"], $agents[$i]) !== false) {
       
$sitestyle "/Neu/css/handheld.css";       
        
$media "handheld";
   }
}
?>

<link rel="stylesheet" media="<?php echo (!$media)?'screen':"".$media ?>"
href=" <?php echo (!$sitestyle)?'/css/css.css':"".$sitestyle ?>"
type="text/css" >
MfG gabischatz
Mit Zitat antworten
  #6 (permalink)  
Alt 30.04.2011, 18:46
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Das was du da machst ist so ziemlich von hinten durch die Brust ins Auge! Handys werden stylesheets mit media="handheld" auswerten, desktopbrowser nicht. Dazu musst du nicht gegen eine möglicherweise nicht vollständige UserAgent Liste checken.

gruß,
take
Mit Zitat antworten
  #7 (permalink)  
Alt 30.04.2011, 20:09
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.029
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Wobei es da ein prominentes Negativbeispiel gibt, denn das iPhone hält sich scheinbar für ein großes Gerät, jedenfalls hält es sich nicht für ein Handheld und wertet die entsprechend markierten Stylesheets nicht aus. Da die meisten Mobiltelefone recht modern sind, würde ich hier mit Mediaqueries arbeiten, damit erwischt man dann auch das iPhone (sofern man die Pixeldichte entsprechend berücksichtigt, die Breitenangaben sind im Webkit leider auch kaputt).
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
media="handheld" Dieter CSS 19 15.02.2009 23:04


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:46 Uhr.