W3C home > Mailing lists > Public > www-svg@w3.org > January 2007

problem in svg in div tag

From: Ufuk Utku Turuncoglu <turuncu@be.itu.edu.tr>
Date: Fri, 05 Jan 2007 13:15:38 +0200
Message-ID: <459E335A.9030005@be.itu.edu.tr>
To: www-svg@w3.org

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 GMT

This archive was generated by hypermail 2.3.1 : Friday, 8 March 2013 15:54:36 GMT