Hello,
I'm coding a layout for Safari 5.1 on Mac OS 10.7.1 and I would like to know if you faced some problems with the frames.
Actually I've got a page frame2.htm that works fine individually but if I put it inside a frameset(see framesetBug2.html) the scrollbars don't show up anymore.
It appears only if I try to get a the context of a big canvas(>100px*100px) inside this frame.
Do you have any solution to get rid of this problem ?
framesetBug2 :
frame2 :
frame1 :
I'm coding a layout for Safari 5.1 on Mac OS 10.7.1 and I would like to know if you faced some problems with the frames.
Actually I've got a page frame2.htm that works fine individually but if I put it inside a frameset(see framesetBug2.html) the scrollbars don't show up anymore.
It appears only if I try to get a the context of a big canvas(>100px*100px) inside this frame.
Do you have any solution to get rid of this problem ?
framesetBug2 :
Code:
<frameset rows="30%,70%">
<frame src="frame1.htm" name="top" title="TopContent" id="top">
</frame>
<frame src="frame2.htm" name="main" title="MainContent" id="main">
</frame>
</frameset>frame2 :
Code:
<head></head>
<body>
<div style="left:100px;position:absolute;width:200px;height:200px;border:1px solid black;">
<canvas id="myCanvas" height="200" width="200"></canvas>
</div>
<div style="border:1px solid black;position:absolute;width:200px;height:75px;top:300px;left:100px;overflow-y:scroll;overflow-x:hidden;">
<div style="position:absolute;width:200px;height:30px;background-color:red;">DIV1</div>
<div style="position:absolute;top:30px;width:200px;height:30px;background-color:blue;">DIV2</div>
<div style="position:absolute;top:60px;width:200px;height:30px;background-color:green;">DIV3</div>
<div style="position:absolute;top:90px;width:200px;height:30px;background-color:yellow;">DIV4</div>
<div style="position:absolute;top:120px;width:200px;height:30px;background-color:violet;">DIV5</div>
</div>
<script language="Javascript">
var canvasGetter=document.getElementById("myCanvas");
var contextGetter=canvasGetter.getContext("2d");
console.log(contextGetter);
</script>
</body>frame1 :
Code:
<head></head>
<body>
<div style="font-size:40px;">
Frame1
</div>
</body>