svg-in html einbetten, aber nur teilweise darstellen

[Jones]

Hi,
ich habe ein Problem mit der Darstellung zweier svgs auf meiner html Seite.

Ich habe die svgs in 2 <div> Tags eingebunden.

<div style="float: left; border: 1px solid blue;">
<embed id="SVGEmbed" style="display:block;" type="image/svg+xml" src="pic.svg">
</div>

<div style="float: left; border: 1px solid blue;" >
<embed id="SVGEmbed2" style="display:block;" name="SVGEmbed2" type="image/svg+xml" src="pic2.svg"">
</div>

in der css steht noch

div
{height:100%;width:100%;background-color:#FFFFFF;}

Da es sehr große Grafiken sind möchte ich diese nur teilweise darstellen.
beide svg dateien sind 2000x2000 pixel groß.
Die div zu vergrößern ist kein problem, jedoch sind sie immer mindestens genau so groß wie die svg, auch wenn ich anstatt 100% z.b. 100px eintrage.

Hat einer eine idee?
danke

[fastix®]

Moin!

<div style="float: left; border: 1px solid blue;" >
<embed id="SVGEmbed2" style="display:block;" name="SVGEmbed2" type="image/svg+xml" src="pic2.svg"">
</div>

....

Die div zu vergrößern ist kein problem, jedoch sind sie immer mindestens genau so groß wie die svg, auch wenn ich anstatt 100% z.b. 100px eintrage.

Hat einer eine idee?

Ja. Du hast:

<embed id="SVGEmbed2" style="display:block;height:100%;width:100%;background-color:#FFFFFF;" name="SVGEmbed2" type="image/svg+xml" src="pic2.svg">
</div>

versucht? http://www.htmlcodetutorial.com/embeddedobjects/_EMBED.html

danke

Bitte.

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix

[Texter mit x]

Da es sehr große Grafiken sind möchte ich diese nur teilweise darstellen.

Warum nicht mit svg selbst? Stichwort: viewBox
Für CSS ist clip das Stichwort, allerdings nicht unter allen Umständen.

[Jones]

Warum nicht mit svg selbst? Stichwort: viewBox
Für CSS ist clip das Stichwort, allerdings nicht unter allen Umständen.

Damit habe ich schon sehr viel herumprobiert, jedoch ohne gute Ergebnisse zu erziehlen.

[Texter mit x]

Warum nicht mit svg selbst? Stichwort: viewBox
Für CSS ist clip das Stichwort, allerdings nicht unter allen Umständen.

Damit habe ich schon sehr viel herumprobiert, jedoch ohne gute Ergebnisse zu erziehlen.

Wie sehen diese Versuche und Ergebnisse aus?

Und overflow:hidden wäre auch noch ein Weg, hatte ich vorhin vergessen.

[Jones]

Wie sehen diese Versuche und Ergebnisse aus?

Und overflow:hidden wäre auch noch ein Weg, hatte ich vorhin vergessen.

so wie es aussieht hat sich das problem erledigt. Ich konnte es zwar nicht wirklich lösen, habe aber einen workaround gefunden der mich an dem problem vorbei auch zu einer akzeptablen lösung bringt.
Vielen Dank trozdem

[ChrisB]

Hi,

Die div zu vergrößern ist kein problem, jedoch sind sie immer mindestens genau so groß wie die svg, auch wenn ich anstatt 100% z.b. 100px eintrage.

Das bildest du dir vermutlich nur ein, weil du overflow auf dem Default visible hast stehen lassen.

MfG ChrisB