CSS iPad scroll probleem

[twanneman]

Ik ben met een prototype van m'n portfolio site (http://www.twanneman.nl/prototype/) aan het ontwikkelen
Nu doet de site prima in de meeste moderne browsers maar ik wil hem ook graag iPad compatible maken.

Als ik de site nu op m'n ipad bekijk dan blijven de blauwe en witte balk niet staan, maar als ik de site via ipadpeek.com bekijk dan doet hij zoals ik het graag wil.

De balken zijn 2 divjes met de volgende css :

Cascading Stylesheet:

*       {padding: 0; margin: 0;}
html    {height: 100%; min-width: 800px;}

body {
background-color: #000000;
color: #ffffff;
font-family: "VAG Rounded Std", Helvetica, Trebuchet MS, 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
font-size: 62.5%;/* Resets 1em to 10px */
text-align: left;
overflow: hidden;
}

#line_blue { position: fixed; left: 80px; width:250px; height:100%; z-index: 10;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #000000),
color-stop(0.25, #1672b5), color-stop(0.75, #1672b5), color-stop(1, #000000));
}

#line_white { position: fixed; left: 330px; width:110px; height:100%; z-index: 10; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #000000),
color-stop(0.25, #ffffff), color-stop(0.75, #ffffff), color-stop(1, #000000));
}

[Bosmonster]

Safari op iOS ondersteunt geen position: fixed.

[ Voor 11% gewijzigd door Bosmonster op 08-10-2010 01:10 ]

[Scjorpion]

Twanneman,

Misschien heb je hier wat aan:

http://cubiq.org/scrolling-div-on-iphone-ipod-touch