Dette websted vil have begrænset funktionalitet, mens vi gennemgår vedligeholdelse for at forbedre din oplevelse. Hvis en artikel ikke løser dit problem, og du vil stille et spørgsmål, har vi vores supportfællesskab, der venter på at hjælpe dig på @FirefoxSupport på Twitter og/r/firefox på Reddit.

Avatar for Username

Søg i Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Læs mere

Denne tråd blev arkiveret. Stil et nyt spørgsmål, hvis du har brug for hjælp.

Is there any prospective solution to the old problem that graphics disappear when the browser window is resized?

  • 3 svar
  • 5 har dette problem
  • 10 visninger
  • Seneste svar af saxofon

saxofon
saxofon
more options

example: www.satlinker.de If the browser window is smaller than the content, the header image looks fine. My css style sheet looks like that: 

#banner {
 padding-left:10px;
 text-align: left;
 font-weight: bold;
 border: 1px solid #000;
 background: transparent url(/media/header.svg) top left no-repeat;
 height: 70px; /*workaround to adjust width*/
 -webkit-background-size:100% 100%;
 -moz-background-size:100% 100%;
 -o-background-size:100% 100%;
 background-size:100% 100%;
}

It has nothing to do with svg images, similar problems with png. In former versions setting the height worked as a workaround, but no more in vesion 17. There are various problems like that described in the net: e.g. Bug 282558 - Scaled image dissappears on browser resize. But I cannot find any solutions - and this bug is described in 2005!!!

example: www.satlinker.de If the browser window is smaller than the content, the header image looks fine. My css style sheet looks like that: <pre><nowiki>#banner { padding-left:10px; text-align: left; font-weight: bold; border: 1px solid #000; background: transparent url(/media/header.svg) top left no-repeat; height: 70px; /*workaround to adjust width*/ -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -o-background-size:100% 100%; background-size:100% 100%; }</nowiki></pre> It has nothing to do with svg images, similar problems with png. In former versions setting the height worked as a workaround, but no more in vesion 17. There are various problems like that described in the net: e.g. Bug 282558 - Scaled image dissappears on browser resize. But I cannot find any solutions - and this bug is described in 2005!!!

Ændret af saxofon den

Valgt løsning

I was wrong, it was a problem with the svg format. I tried several other formats, each makes its own problems. I tried to cleanup the svg code with converter tools and at last manually with an editor - nothing works. Gif and jpg made other problems, so finally I found an image converter at http://www.files-conversion.com/, that produces an acceptable png format.

I think that rendering images should be improved.

Læs dette svar i sammenhæng 👍 1

Alle svar (3)

user633449
user633449
more options

The best option is to comment in that bug, say that you can reproduce in Firefox 17 (and also test with Firefox nightly) and see what the devs say.

saxofon
saxofon Spørgsmålsstiller
more options

Sorry, now I found how to edit my original post.
The url must be www.satlinker.de
The link to the image itself is: http://www.satlinker.de/media/header.svg . All works fine with IE.

Ændret af cor-el den

saxofon
saxofon Spørgsmålsstiller
more options

Valgt løsning

I was wrong, it was a problem with the svg format. I tried several other formats, each makes its own problems. I tried to cleanup the svg code with converter tools and at last manually with an editor - nothing works. Gif and jpg made other problems, so finally I found an image converter at http://www.files-conversion.com/, that produces an acceptable png format.

I think that rendering images should be improved.

Ændret af saxofon den