ipad - Absolute Positioning and Percentages -


i have 2 questions absolute positioning , percentages. have large background image designed take whole screen text , images overlaying image. issues appear on of firefox, ie , chrome. (slightly abbreviated) code appears below here 2 questions:

  1. the images appear in correct location on screens independent of size appears in wrong place on ipad. ipad treat absolute positioning , percentages differently , if so, how around it?

  2. the text links moves around , not stay in same position change size of screen , wrong on ipad. need absolutely position text independent of screen size or on ipad?

the code follows:

    <div id='container'>     <img src="big image"/>      <div id="link1"><a href="page1">menu</a></div>     <div id="link2"><a href="page2">page2</a></div>     <div id="button1"><a href="page3"><img src="images/info.png"/></a></div>     <div id="button2"><a href="page4"><img src="images/expertise.png" /></a></div> 

and css follows:

    #container {     border: 0px 0px 0px 0px;     margin-left: auto;     margin-right: auto; }      #link1, #link1 {     z-index: 10;     position: absolute;     margin-left: 59%;     margin-top: 37%;     font-size: xx-large;     font-family: arial, sans-serif;     color: #000000;     text-decoration: none;     font-style:bold; }      #link2, #link2 { similar link1 }      #button1, #button1 {     z-index: 25;     position: absolute;     margin-left: 20.8%;     margin-top: 57.2%;     width: 16%; }      #button2, #button2 { similar button1 } 


Comments

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

java Extracting Zip file -

C# WinForm - loading screen -