Bilder mit em Größenangaben verhalten sich eigenartig
pepebe
- css
0 pepebe0 Ingo Turski0 pepebe0 Ingo Turski0 pepebe
Guten Morgen alle miteinander!
Bastle gerade an einem em basierten layout. Sinn der Sache ist, Schriftgröße und Fläche der Seite über Strg+/Strg- verändern zu können. Dabei bin ich im Firefox 2.0.15 auf ein eigenartiges Problem gestoßen.
Grafiken mit em Größenangaben sind nur bedingt an die Schriftgröße anpassungsfähig.
bsp:
Ich habe eine Grafik
<img class="beispiel" src="test.jpg" alt="" />
img.beispiel {width: 10em; height: 5em; border: none;}
Diese wird über strg+ erwartungsgemäß mit dem Rest der Seite vergrößert. Nach dm ersten oder zweiten Vergrößerungsschritt bleibt die augenblickliche Größe der Grafik jedoch unverändert bestehen aber die Webseite wird weiterhin größer. Kehre ich den Prozeß mit Strg- um, dann wird die Webseite weider kleiner, die Grafik verändert jedoch ihre Größe nicht mehr und bricht schließlich aus dem Layout aus.
Hat jemand unter euch ähnliche Erfahrungen gemacht?
Gruß,
pepebe
P.S. Browser, die die ganze Seite vergrößert rendern, wie z.B. ie7, Opera und FF3 haben das Problem natürlich nicht.
P.P.S
Habe mir einen php Styleswitcher eingebaut, der die font-size über klicken eines Links ändert. Wenn ich die Layoutgröße darüber ändere, dann wird die Seite inkl. der Bilder in allen Schriftgrößen korrekt dargestellt.
Es muß sich also um ein Aktualisierungsproblem im Firefox handeln.
Hi,
Es muß sich also um ein Aktualisierungsproblem im Firefox handeln.
teste das mal bei dem Beispiel http://de.selfhtml.org/css/layouts/anzeige/fixiert.htm.
Übrigens ist es nicht optimal, Höhe _und_ Breite anzugeben, wenn Du em verwendest, da es durch Rundungsunterschiede zu leichten Verzerrungen (und vielleicht auch zu Deinem Problem?) kommen kann.
freundliche Grüße
Ingo
Habe mir das Beispiel angesehen. Die Größe wird mit height:6.8em angegeben.
Beim "Zoom" mit Strg+/Strg- bleibt die Grafik bei mir jedoch unverändert, während sich die Schrift gehorsam vergrößert. Eigentlich müßte die Grafik doch ebenfalls größer werden, oder?
Langsam habe ich das Gefühl ich habe einen Gremlinb in meinem Tower sitzen...
Ratloser Gruß,
pepebe
Hi,
Habe mir das Beispiel angesehen. Die Größe wird mit height:6.8em angegeben.
Beim "Zoom" mit Strg+/Strg- bleibt die Grafik bei mir jedoch unverändert, während sich die Schrift gehorsam vergrößert. Eigentlich müßte die Grafik doch ebenfalls größer werden, oder?
das wundert mich sehr, weil das in meiner älteren 2er-Standalone-Version nicht so ist.
Allerdings hat die 3er-Version ja diesen obskuren Zoom-Modus (wie IE7 und Opera schon länger). Muss ich mir damit mal anschauen, aber wenn das zutrifft, ist diese Funktion eindeutig noch buggy.
freundliche Grüße
Ingo
Ich arbeite aber mit Firefox 2.0.0.15 unter Ubuntu Linux. Mit dem FF3.0, dem neuen IE und natürlich Opera funktioniert der Zoom perfekt.
Bin langsam ratlos. Der Mist kostet mich Zeit, Zeit und nocheinmal Zeit und ich kommen nicht vorwärts.
Da die Änderung der font-size über ein php Skript jedoch reibungslos klappt, werde ich das Problem ersteinmal ignorieren...
Gruß,
pepebe
Hi,
Ich arbeite aber mit Firefox 2.0.0.15 unter Ubuntu Linux. Mit dem FF3.0, dem neuen IE und natürlich Opera funktioniert der Zoom perfekt.
ich habe das SELFHTML-Beispiel jetzt mit Firefox 2.0 und 3.0 (hier auch mit der Option nur den Text zu zoomen) getestet und es funktioniert wie erwartet.
Es scheint also ein ziemlich beschränkter Bug zu sein, um den ich mich nicht weiter kümmern würde.
freundliche Grüße
Ingo