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:
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?
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
Post a Comment