Shade Posted March 8, 2009 Share Posted March 8, 2009 hello; I am developing a web page and decided to add an svg background, so <embed width="100%" height="100%" style="overflow: hidden; position: absolute; top: 0px; left: 0px; z-index: -99;" src="svg/bg.svg"/> the svg document has width="1280" , and heidht="1024" defined in it.It works pretty well in firefox, but when viewed in opera, the overflowing background shows scroll-bars can anyone help ? Link to comment Share on other sites More sharing options...
Ingolme Posted March 8, 2009 Share Posted March 8, 2009 It's probably better to use an <iframe>. <embed> isn't standard anyways. <iframe src="svg/bg.svg" width="100%" height="100%" scrolling="no"></iframe> Link to comment Share on other sites More sharing options...
jlhaslip Posted March 9, 2009 Share Posted March 9, 2009 or try an Object tag??? Link to comment Share on other sites More sharing options...
Ingolme Posted March 9, 2009 Share Posted March 9, 2009 or try an Object tag???An <object> element is likely to behave just the same as the <embed> element. Since the scroll bars belong to the embedded object and not to the page, you can't control them in the page. That's why I suggest an <iframe>. It allows you to control scrolling. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.