CSS overflow not working in Opera mobile10 on Motorola MC75

Forums » My Opera » My Opera: Feedback, questions and discussions

You need to be logged in to post in the forums. If you do not have an account, please sign up first.

Go to last post

4. May 2010, 11:50:44

jayraj12

Posts: 1

CSS overflow not working in Opera mobile10 on Motorola MC75

Hi,
I've tried the CSS3 Overflow-x and overflow-y in a content. but it's not working in Opera mobile10 on motorolaMC75. here is my code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css" media="all">
#d1 { position:relative; width:200px; height:50px; max-height:50px; overflow:auto; overflow-y:scroll; float:left; background:green; border:#ff0000 1px solid; }
#d2 {line-height: 1 }
</style>
</head>

<body>
<script>
javascript:alert(document.compatMode);

</script>
<div id=d1>
<div id=d2>
<p>This DIV has big margins.</p>
<p>This DIV has big margins.</p>
<p>This DIV has big margins.</p>
<p>This DIV has big margins.</p>
<p>This DIV has big margins.</p>
<p>This DIV has big margins.</p>
<p>This DIV has big margins.</p>
<p>This DIV has big margins.</p><p>This DIV has big margins.</p>
<p>This DIV has big margins.</p><p>This DIV has big margins.</p>
<p>This DIV has big margins.</p><p>This DIV has big margins.</p>
<p>This DIV has big margins.</p><p>This DIV has big margins.</p>
<p>This DIV has big margins.</p><p>This DIV has big margins.</p>
<p>This DIV has big margins.</p><p>This DIV has big margins.</p>
<p>This DIV has big margins.</p><p>This DIV has big margins.</p>
<p>This DIV has big margins.</p><p>This DIV has big margins.</p>
<p>This DIV has big margins.</p><p>This DIV has big margins.</p>
<p>This DIV has big margins.</p><p>This DIV has big margins.</p>
<p>This DIV has big margins.</p><p>This DIV has big margins.</p>
<p>This DIV has big margins.</p><p>This DIV has big margins.</p>
<p>This DIV has big margins.</p><p>This DIV has big margins.</p>
<p>This DIV has big margins.</p><p>This DIV has big margins.</p>
<p>This DIV has big margins.</p><p>This DIV has big margins.</p>
<p>This DIV has big margins.</p><p>This DIV has big margins.</p>
<p>This DIV has big margins.</p><p>This DIV has big margins.</p>
<p>This DIV has big margins.</p>


</DIV>
</DIV>

</body>
</html>

Could any one help me ? I'll Appreciate your help

Forums » My Opera » My Opera: Feedback, questions and discussions