Auf iPhone wird die Seite abgeschnitten

[karo]

Ist zwar nicht wirklich ein Responsive-Website-Thema- da die Seite nicht für Mobile Systeme optimiert ist
aber sie wird auf dem Iphone leider halb abgeschnitten.
der rechte teil ist abgeschnitten.
alles was in die browserbreite passt ist ok - wenn man dann "reinzoomt" damit man die gesamte seite sieht dann fehlt der teil der rechts über den browser raussteht (fast alles davon)
getestet mit dem iphone 4, browser safari

seite: http://www.fipofix.com/

kennt ihr das problem?
lg
karo

[bekanntmacher]

Du hast da ziemlich viel verschachtelt, ich würde daher wieder das original-Template nehmen und in jedem Bereich (header, navigation, main und footer) mit einem äusseren und inneren div arbeiten:

<div id="header">
<div class="inside>
</div>
</div>

dem äusseren width:100%; margin:0 zuordnen und dem inneren width:960px; margin: 0 auto

[karo]

danke für deine ANtwort swsg!

hab jetzt einiges rumprobiert - daran lag es nicht.
die verschachtelungen brauch ich leider auch.

aber hab den fehler gefunden.
hab dem #wrapper ein min-width von 1000px gegeben. somit laufts jetzt auch aufm iphone juppiii =)
außerdem musste der header noch angepasst werden da er fixed war und auf kleineren bildschirmen nicht scrollbar war nach rechts (mit jquery)

lg