Home/ Questions/Q 8747167
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T12:18:46+00:00

I’m currently working with a Swiss map in SVG format. The <svg> tag is

  • 0

I’m currently working with a Swiss map in SVG format. The <svg> tag is directly embedded inside a <div>.

In Chromium (Linux), everything just looks fine, but in Firefox (Linux) only a part of the SVG is shown. The SVG markup itself seems to be valid.

Chromium:

SVG in Chromium

Firefox:

SVG in Chromium

I created a jsfiddle with the source code for easier testing: http://jsfiddle.net/MKRXN/

Is this a Firefox issue, or is it some problem with the SVG? In any case, how can I get this to work correctly?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You should set height and width to your parent div and then set the svg both height and width to 100%:

    HTML:

    <div id="map" style="height: 500px;width:600px;">

    SVG:

    <svg
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   version="1.0"
   id="svg_main" style="height: 100%;width: 100%">

    Check this code: http://jsfiddle.net/Kgs6J/

    • 0