2012-04-10 2 views
0

Donc, fondamentalement, s'il vous plaît jeter un oeil à mon site Web. Si vous avez un iphone, vous pouvez y jeter un coup d'oeil, et essayer de vous déplacer vers la gauche ou vers la droite, vous verrez que le menu se déplacera également, mais il ne reviendra plus.comment résoudre ce problème sur ie7 avec menu et iphone?

C'est le premier problème.

Le deuxième problème est que sur ie7 le menu est aligné à droite. Quel pourrait être le problème?

Aussi, sur iPhone lorsque vous affichez la page, l'ensemble du contenu est aligné à gauche, pas au centre - comment résoudre ce problème? Le site web est le http://patiss-themes.com/test-site.

De plus, j'ai besoin que le menu soit "position: fixed;" , donc il descend aussi quand je fais défiler la page

Si oyu peut, s'il vous plaît aidez-moi, puisque j'apprécierai vraiment cela!

+0

ce qui est cette boîte noire au coin supérieur gauche de la page? Si j'ai enlevé la position: fixé sur votre div de menu-wrapper il est centré dans IE7, mais la boîte noire s'est affichée dessus ... – Gatekeeper

+0

Eh bien, j'ai besoin de la position: fixe pour cela, puisque j'ai besoin du menu pour descendre quand page de défilement. À propos de la boîte noire, je ne sais pas exactement ce que vous voulez dire. Avez-vous vérifié sur le téléphone (si vous avez un iPhone)? Il est aligné à gauche et le menu est également buggé là-bas. Lorsque vous effectuez un zoom avant et que vous vous déplacez vers la droite ou vers la gauche, le menu ne revient pas après le retour. –

+0

Eh bien j'utilise Opera sur mon iPhone et le menu est en effet aligné à gauche et buggé (les titres de pages sont en dehors de la boîte blanche), mais il ne bouge pas du tout :-) – Gatekeeper

Répondre

0

Je ne connais pas le I-phone mais vous pouvez le faire fonctionner correctement avec IE-7.

Il existe deux façons d'obtenir cela réellement dans IE-7 votre #border-wrapper{ float:left;} causant le problème pour la section de navigation dans IE7.

supprimez cela et si vous supprimez cela, d'autres problèmes de mise en page se poseront également.

donc vous devez résoudre tas de problèmes à nouveau

deuxième façon d'obtenir c'est: appliquer margin-left avec * dans votre menu supérieur-emballage

#top-menu-wrapper 
    { 
      *margin-left:-960px /*For IE-7 only*/ 
    }