Hello,
Is there any one can help me out for the following page.
I have one page which contains the plain text, and I am using the java
script to check the orientation. and change the width of the div as it
oriented.
But when I show first time, as vertically it looks ok.
Now when I orient it to horizontally the font automatically becomes
bigger and feet to screen size.
And then again I orient to vertically, the font is as usual (bigger -
as shown in horizontally) and does not refeet to the vertical screen
size.
So my issue is that, I want to feet the font in the vertical screen
size, when I turned it to horizontally -> vertically, it looks weird.
Following is my example :
demo.css
<style>
body {
padding:0;
margin:0;
}
.show_normal,
.show_flipped{
width:320px;
}
.show_left,
.show_right{
width:480px;
}
</style>
demo.js
function updateOrientation(){
var contentType = "show_";
switch(window.orientation){
case 0:
contentType += "normal";
break;
case -90:
contentType += "right";
break;
case 90:
contentType += "left";
break;
case 180:
contentType += "flipped";
break;
}
document.getElementById("page_wrapper").setAttribute("class",
contentType);
location.reload();
}
window.onorientationchange=updateOrientation;
demo.html
<div id="page_wrapper" class="show_normal">
<p style="padding-left:7px; padding-right:7px;padding-top:5px;margin-
top:0px" align="justify">
<font face="verdana" size="2">
Semaphore has deep understanding of software development services and
has industries best talent pool to give quality software development
outsourcing services.
If you are Software Development Company, and want a strong technology
partner for outsourcing your projects, then you have reached to a
right place. Semaphore has unique delivery models to extend its
services to companies like yours. Semaphore forms strong synergies to
enable its partners cum clients to be more competitive on their local
grounds. An offshore development service of Semaphore has helped many
companies like yours to reap benefits of outsourcing.
If you are software consulting company or software consultant, we can
work with you hand in hand to propose, estimate, develop and deliver
software development projects. Our local presence in US, UK and
Netherlands helps us to visit your client's site for better co-
ordination and customer satisfaction.
</font>
</p>
</div>
When I reload to vertically it does not re feet to the screen.
Why? and how can i slove it?
Please help me out of this problem...
Thanks in advance.
Hemen
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
