0

Okay so I embedded some SVG images into my page and opened it locally on Chrome and it looked fine.

I upload the same file to the server and look at the page online and the SVG images have grown by maybe 5-10% and are surrounded by scroll bars like they are overflowing.

I think it probably has to do with my lack of knowledge on how SVG and Embed work. What's really puzzling me though, is that it works fine locally. (I have cache disabled.)

Help? Thanks.

Edit: code

HTML:

<embed type="image/svg+xml" src="content/web-logo.svg"/>

There's no CSS on the image.

I'm not sure if I was just wrong before or if I changed something I'm not aware of, but it doesn't appear to be actually changing size anymore.

It just decides to stuff it into a scrollbox.

pic: https://www.dropbox.com/s/wt1aufi7nl1fpyi/svg-problem.png

6
  • 2
    I tend to agree here, the issue may be that your browser is zooming in on the image (this is remembered in Chrome at least). In chrome CTRL+0 will give you the actual size.
    – rlemon
    Aug 27, 2012 at 16:41
  • I should have been more clear. Everything else on the page is the size it should be. The scroll bars are created AROUND the images. Like overflow:scroll. I am on Chrome, and I've pressed Ctrl-0. The page is at normal size.
    – Kenmore
    Aug 27, 2012 at 17:07
  • ahh, ok. just a thought. Then, are you possibly able to provide us with an example of the SVG image
    – rlemon
    Aug 27, 2012 at 18:57
  • Here's the code for the SVG and what the image is supposed to look like: codepen.io/anon/pen/GwqzK. And here it is on my test-site: link
    – Kenmore
    Aug 27, 2012 at 19:37
  • 1
    did you try setting the height and width attributes on the embed tag?
    – rlemon
    Aug 27, 2012 at 20:21

1 Answer 1

1

It's probably your browser; try "CTRL -" (Control and minus sign) to zoom the page out. Post back your results, and if it needs to be looked at closer.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.