Hi all,
I have run into a weird problem with my layout that only show up after
I change the iphone orientation.
I think that showing will be better than words here, so if you could
please visit
www.bottero.com.br/iphone
with your iphones, you have to rotate the orientation to the landscape
mode ( if you start in landscape, go to vertical and landscape again )
after this you will see that the 2 last images of the menu goes to the
side of the first one. but I don't know what to do, because if you
load the page in landscape mode, they show just fine ( so the .css is
ok ), but when you rotate to that position it isn't anymore (how, I'm
wondering for sometime).
The relevant code is this:
the css: ( I change the body class with javascript after the
orintation changes )
BODY[class=vertical] #menu{
background:#CB6302 url(images/menu_background.jpg) no-repeat;
position:absolute;
display:table;
border-collapse : collapse;
width:320px;
bottom:-62px;
}
BODY[class=horizontal] #menu{
background:#CB6302 url(images/menu_background_vert.jpg) no-repeat;
height:270px;
width:77px;
overflow:hidden;
border:1px solid red;
position:absolute;
right:0;
}
BODY[class=vertical] #menu #menuRow{
display:table-row;
}
BODY[class=vertical] #menu DIV{
display:table-cell;
vertical-align : bottom;
text-align:center;
padding-top:2px;
width:106px;
}
BODY[class=horizontal] #menu DIV{
vertical-align: bottom;
text-align:center;
height:60px;
}
the html:
<div id="menu">
<div id="menuRow">
<div><a href="colecao.html"><img
src="images/menu_btColecao.png"
alt="Conheça a coleção da Bottero"></a></div>
<div><a href="brindes.html"><img
src="images/menu_btBrindes.png"
alt="Baixe wallpapers para o seu iPhone"></a></div>
<div><a href="rep.html"><img
src="images/menu_btRepres.png"
alt="Veja nossos representantes"></a></div>
</div>
</div>
TIA
Marcelo Wolfgang
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"iPhoneWebDev" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/iphonewebdev?hl=en
-~----------~----~----~----~------~----~------~--~---
