2010-03-12 5 views
0

J'ai un menu horizontal sur mon site Web: http://www.alcmariavictrix.nl Lorsque je le navigue dans les petits navigateurs (IPhone), le menu horizontal sur le dessus est vissé. Ce que je veux effectuer est d'obtenir ce menu horizontal vers la gauche lorsque le navigateur ne peut pas tout afficher sur une ligne.Comment obtenir le menu horizontal pour aller à gauche quand il est trop grand

Est-ce que quelqu'un sait comment faire cela? exemple:

The right way http://www.alcmariavictrix.nl/images/right-way.png La bonne façon de le faire

The wrong way http://www.alcmariavictrix.nl/images/wrong-way.png C'est penser que je ne veux pas

This should the wrong way be doing http://www.alcmariavictrix.nl/images/this-should-do.png Voici comment cela devrait être fait quand il est mal

+0

Vos images ne fonctionnent pas pour moi. –

+0

ils le font maintenant :) merci de noter – Michael

Répondre

2

Cela semble atteindre l'effet désiré pour moi (je n'ai pas d'iPhone, donc je n'ai pas pu tester dans cet environnement):

#header { 
background:transparent url(images/design/header_bg_home.png) no-repeat scroll right bottom; 
clear:both; 
height:325px; 
width:960px; 
position:relative; /* added */ 
} 

#menu_horiz { 
height:81px; 
position:absolute; /* added */ 
right:24%;   /* added, tweak this value if needed */ 
/* removed: 
    float:left; 
    margin-left:206px; 
    width:542px; */ 
} 
+0

Note: CSS ne prend pas de // commentaires de style, donc ne collez pas cela directement dans ou quoi que ce soit; Enlevez les premiers. (Ne pas essayer d'être difficile, ne connaissent pas la familiarité de l'OP.) –

+0

@D_N: droit sur, fixé cela. –

+0

J'ai essayé ça, c'est mieux comme ça, maintenant je vais le tester sur d'autres navigateurs, merci RegDwight. le tester sur cette page: http://www.alcmariavictrix.nl/Algemeen/test2.html – Michael