Ich kann den CSS-Fehler nicht finden...

Hallo zusammen.
Ich hab eine Seite gemacht mit verschiedenen Stylesheets für verschiedene Endgeräte.
http://preview.beatricemeyer.ch/
Es funktionert, bis auf kleine Fehler, bestens.
Mein jetziges Problem ist aber, dass ich zum Beispiel auf dem iPhone horizontal scrollen kann (nur ein klein wenig) und ich nicht weiss, wo diese Breite herkommt.
Vielleicht kann mir jemand helfen, der das ganze von aussen sieht?
beste Grüsse und danke!
Gundel

Hallo Gundel,

versuche mal global für img folgende Anweisung einzufügen:

Code:

---

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    width: auto\9;
}

---

Hallo,

wenn ich mir das auf dem online-emulator anguck, dann würd ich sagen, dass in der ID hautpnavi der Fehler steckt.

gib die width von #left #hauptnavi mal auf 90% ...

Code:

---

#left #hauptnavi {
width: 90%;
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0;
}

---

EDIT: bei "@media screen and (max-width: 480px)"

hallo ihr zwei.
danke für die tipps, leider hats nicht geklappt.
Weiss denn jemand von euch, warum es plötzlich einen zwischendruch Scrollbalken gibt, wenn ich das Fenster zusammenziehe?
Gruss Gundel

ps: der Tip mit dem img auf 90% hilft, aber bei der max-width 480 version hat es teilweise noch gar keine bilder und die seite ist trotzdem breiter als 100%.

Hallo,

hab nochmals geguckt, warum das bei mir funktioniert und lt. deiner Aussage, bei dir nicht ... und da ist mir eingefallen, dass ich noch etwas angepasst habe:

Du hast die ID satz_start zweimal in Verwendung!
und zwar hier:

Code:

---

<div class="inside">

<div class="mod_article block" id="satz_start">

<div class="ce_text block" id="satz_start">

<p>„...Schreiben heisst sich selber lesen“&nbsp;<span class="max">Max Frisch</span></p>
</div>

</div>

---

ich hab dann der ID satz_start mal das margin-left:30px rausgenommen.
Jetzt rutscht zwar der Block mal nach links rüber, aber dafür greift das

Code:

---

#left #hauptnavi {width:90%;}

---

Die doppelte ID satz_start müsstest du mal bereinigen, sodass auch dein gewünschtes margin-left wieder "greifen darf"

Herzlichen Dank!
Jetzt klappt es aufm phone, aufm ipad quer gibt es immer noch einen scrollbalken, aber veilleicht schaff ich den auch noch...

was für einen online-emulator verwendest du? meiner zeigt nicht alles richtig an. wenn ich es live teste, wird es oft anders angezeigt.

gruss

gundel

Hallo,

ich habe hier www.responsinator.com verwendet.
Kann aber hier beim emulieren unter iPad keinen Scrollbalken finden ... aber das ist ja auch nur ein Emulator, und unterscheidet sich dann natürlich in den Feinheiten von den Endgeräten.

Wegen der Emulatoren kannst du hier noch nachlesen, was so verwendet wird - sind ganz gute Tipps dabei ;)

danke! das ist ein hübsches tool!
grüsse aus schneezürich
gundel