iphone.css mischt sich mit screen.css???

[mirmoos]

Hallo Leute,

hab folgendes Problem. Ich versuch grad meine Website fürs iphone zu optimieren. Das CSS wollt ich mit diesen befehlen trennen.

    <link type="text/css" rel="stylesheet" media="screen" href="screenstyle.css">
    <link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css">

So wars auch im großen weiten Netz beschrieben.

Problem ist jetzt wie folgt. Das iphone nimmt zwar die iphone.css, ergänzt sich aber mit der screen.css.


Hier mal ein Beispiel:

***screen.css ***

#header {
width: 989px;
height: 194px;
background-image:url(header.jpg);
margin-top:10px;
background-color:#F60;
}

***iphone.css ***

#header {
width: 200px;
height: 20px;
margin-top:10px;
background-color:#F60;
}

In diesem Fall werden zwar die Maße geändert da sie anscheinend überschrieben werden die fehlende Backgroundgrafik wird allerdings ergänzt.

Vielleicht weis bei euch jemand Rat (-;

Gruß Chris

 

[sokie]

AW: iphone.css mischt sich mit screen.css???

schau mal hier, welche werte media haben kann.

So wars auch im großen weiten Netz beschrieben.

das ist eine etwas ungenaue Quellenangabe.

 

[mirmoos]

AW: iphone.css mischt sich mit screen.css???

Hallo,

hab extra das mim netz so geschrieben weils eigentlich überall auf die Art gelöst wird egal was man googelt.

Was soll mir das selfhtml sagen?

Problem beim iphone is ja das es ein handheld is das wie ein browser behandelt werden soll / will... also fällt der media="" Wert handheld auch schon flach wenn du das meinst.

Gruß Chris

 

[noodless]

AW: iphone.css mischt sich mit screen.css???

und was ist wenn du einfach javascript abfragen machst, über das os oder den browser oder was es da noch alles gibt :>

 

[mirmoos]

AW: iphone.css mischt sich mit screen.css???

Hallo,

ja hab mich grad noch nach was anderem umgeschaut und bin auf eine htaccess Datei gestoßen die bis jetzt reecht gut funktioniert.

Aber vielen Dank für eure Antworten.

Gruß Chris

 

[dosonaro]

AW: iphone.css mischt sich mit screen.css???

mit javascript? sowas löst man mit einer php class ...
dann kommt auch nicht das vermischen der css dateien zustande.

 

[GoMeZ]

AW: iphone.css mischt sich mit screen.css???

Hi,

ich stand auch schon mal vor dem Problem, eine Seite fürs iPhone optimieren zu müssen.
Gelungen ist mir das hiermit:

<link rel="stylesheet" href="./style.css" />
<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="./iphone.css" type="text/css" />

Gruß, der GoMeZ

edit: sehe gerade, dass es sich von Deinem Code nicht sehr unterscheidet, bei mir hat es gut funktioniert ... obwohl das iPhone ziemlich bockig ist, was CSS angeht

 

[dosonaro]

AW: iphone.css mischt sich mit screen.css???

Hi,

ich stand auch schon mal vor dem Problem, eine Seite fürs iPhone optimieren zu müssen.
Gelungen ist mir das hiermit:

<link rel="stylesheet" href="./style.css" />
<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="./iphone.css" type="text/css" />

Gruß, der GoMeZ

edit: sehe gerade, dass es sich von Deinem Code nicht sehr unterscheidet, bei mir hat es gut funktioniert ... obwohl das iPhone ziemlich bockig ist, was CSS angeht

eigentlich nicht, wie gesagt, wenn man es mit einer php class löst gibt es keinerlei probleme. weder bei dem iphone noch bei anderen handy browsern.