selfhtml.de - Alles für den Webmaster!

Anzeige: united-domains - Die ganze Welt der Domains

Hintergrundbild flackert im IE

Autor: FelixF
Datum: 03.09.2010 12:38:42

Hallo alle zusammen,
ich habe leider schon wieder ein Problem und zwar mit dem beliebten IE.
Ich habe gestern eine neue Hintergrundgrafik eingesetzt und jetzt habe ich ein Problem, was ich nicht nachvollziehen kann. An der Hintergrundgrafik haben sich zwei Dinge geändert: 1. aus .png wurde ein .gif Format und 2. die Größe der Grafik hat sich geändert.

Meine alte Grafik: http://judo-halle.de/Picture/bg_blau.png und meine neue Grafik http://judo-halle.de/Picture/Navigation/main.gif

Jetzt zu meinem eigentlichen Problem. Wenn ich im IE heruntersrolle, dann fängt er an Überschriften mit dem eigentlichen Hintergrundbild zu überlager. Allerdings kann ich die Überschriften noch ungefähr einen Augenblick nach dem Srcollen sehen. Zu sehen ist es auf meiner Startseite http://judo-halle.de/
Mir war dieses Problem allerdings nur aufgefallen, wenn ich mir die Seite an meinem Netbook angeschaut habe. Am Rechner mit größer Auflösung war mir nichts aufgefallen. Bei beiden habe ich mit dem IE8 und IE7 getestet.
Mit Firefox habe ich keine Darstellungsprobleme.

Meine Struktur ist folgende:
<div class="text">
<h4 class="second">
Das ist die Überschrift, die verdeckt wird
</h4>
Und hier steht jetzt ganz viel Text drin.
</div>

Folgende CSS Befehle habe ich für diesen Bereich:
h4{
    text-align: center;
    text-decoration: underline;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-image: url('/Picture/Navigation/ueberschrift.gif');
    color: #133087;
}
.second{
    border: none;
    font-size: 0.9em;
    padding: 0px;
    background-image: none;
    color: #FF9330;
}
div .text{
background-image: url('/Picture/Navigation/main.gif');
margin: 5px;
margin-bottom: 15px;
    display: block;
    padding: 10px;
    padding-left: 30px;
    -moz-border-radius: 3% 3% 3% 3%;
    -webkit-border-radius: 3% 3% 3% 3%;
}

Hat vielleicht einer von euch eine Ahnung, warum dieser Merkwürdige Effekt im IE auftaucht bzw. wie man ihn unterdrücken kann?

Liebe Grüße
Felix

• Seite mit auftauchendem Fehler
  
  

Re: Hintergrundbild flackert im IE

Autor: FelixF
Datum: 04.09.2010 10:18:09

Ich habe die Lösung gefunden.
Anstatt eine Grafik von 980x3000 einzusetzen habe ich eine Grafik von 980x100 eingesetzt.
Außerdem habe ich der Klasse "text" noch overflow: auto hinzugefügt. Nur mit der overflow war das Flackern immernoch da, wenn auch weniger und nur mit einer kleineren Hintergrundgrafik war keine Veränderung zu sehen.

Liebe Grüße
Felix

Re: Hintergrundbild flackert im IE

Autor: Matthias
Datum: 05.09.2010 15:05:43

> Ich habe die Lösung gefunden.
> Anstatt eine Grafik von 980x3000 einzusetzen habe
> ich eine Grafik von 980x100 eingesetzt.
> Außerdem habe ich der Klasse "text" noch
> overflow: auto hinzugefügt. Nur mit der overflow
> war das Flackern immernoch da, wenn auch weniger
> und nur mit einer kleineren Hintergrundgrafik war
> keine Veränderung zu sehen.


Und hast Du auch mal versucht das Bild auf 980x1 zu verkleinern? 99 Pixelzeilen sind doch überflüssig oder nicht?


Grüße

Matthias

Re: Hintergrundbild flackert im IE

Autor: FelixF
Datum: 05.09.2010 18:05:09

> Und hast Du auch mal versucht das Bild auf 980x1
> zu verkleinern? 99 Pixelzeilen sind doch
> überflüssig oder nicht?

Nein habe ich nicht!

Damit würde ich natürlich Speicherplatz und Ladezeit(?) sparen, oder?

Liebe Grüße
Felix

Re: Hintergrundbild flackert im IE

Autor: gaby
Datum: 05.09.2010 20:32:36

> > Und hast Du auch mal versucht das Bild auf 980x1
> > zu verkleinern? 99 Pixelzeilen sind doch
> > überflüssig oder nicht?
>
> Nein habe ich nicht!
>
> Damit würde ich natürlich Speicherplatz und
> Ladezeit(?) sparen, oder?


Moin,

Speicherplatz - ja (aber der kostet ja mittlerweile kaum noch etwas)  ;-)

Ladezeit - auch ja

Aber der Rechner hat dann natürlich mehr zu tun.
Je kleiner das Bild ist, desto öfter muß es gekachelt werden.

Ich mache meine Bilder immer so groß, daß ich in der Miniaturansicht im Ordner noch etwas erkennen kann, also ca 10px hoch.
Ich erhebe aber jetzt keinen Anspruch darauf, daß dies optimal oder richtig ist.

Wie Matthias bin ich jedoch der Meinung, daß 100px x 980px ein bißchen groß ist.


Grüße
gaby

Re: Hintergrundbild flackert im IE

Autor: FelixF
Datum: 07.09.2010 23:01:54

Hallöchen,
>  
> Speicherplatz - ja (aber der kostet ja
> mittlerweile kaum noch etwas)  ;-)

Ja das stimmt und den habe ich zur Zeit auch noch zur Verfügung, es ging mehr ums Verstehen

> Ladezeit - auch ja
>
> Aber der Rechner hat dann natürlich mehr zu tun.
> Je kleiner das Bild ist, desto öfter muß es
> gekachelt werden.

Das stimmt auch wieder, aber eigentlich sollte jeder Rechner es heute schaffen, ein Bild zu kacheln.
  
> Wie Matthias bin ich jedoch der Meinung, daß
> 100px x 980px ein bißchen groß ist.

Gut, dann werde ich in den nächsten Tagen mal schauen, auf welche Größe ich mich einschießen werde.

Liebe Grüße
Felix