problem in svg in div tag

hi,

I try to use svg files in a html page. So, I put the svg files inside of
the div tag which has finite height and width and the div element has
vertical scroll bar (overflow=auto) but svg elements appears outside of
the boundary of div element and scroll bar is not working properly.

I am using following html code,

<div style="float:
left; background-color:#E2EBED; padding:1px; overflow:auto; height:
150px; width:120px; border=1px">
<embed src="../img/actors/image001.svg" type="image/svg+xml" id="box1"
width="70"
height="50"></embed>
<embed src="../img/actors/image002.svg" type="image/svg+xml" id="box2"
width="70"
height="50"></embed>
<embed src="../img/actors/image003.svg" type="image/svg+xml" id="box3"
width="70"
height="50"></embed>
<embed src="../img/actors/image004.svg" type="image/svg+xml" id="box4"
width="70"
height="50"></embed>
</div>

when i change <embed> tag and svg files to <img> tag and gif files the
div scroll is working successfully (line an i frame scrollbar). I change
<embed> tag to <object> but the problem is same. So is there any key
information about this problem ? Any suggestions will be helpful for me.

best regards,

Ufuk Utku Turuncoglu
ITU Informatics Institute
HPC Lab

Received on Friday, 5 January 2007 13:02:11 UTC