selfhtml.de - Alles für den Webmaster!

Anzeige: Goneo - Du machst das Web!

Anzeige: united-domains - Die ganze Welt der Domains

Hintergrundbild flackert im IE

Autor: FelixF [Beiträge: 114]
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
  

Antwort schreiben

Username:	Usernamen registrieren
Passwort:	Passwort vergessen?
Thema:
	Bitte benutze für deinen Beitrag die Groß-/Kleinschreibung!
Beitrag:	> 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 >
Link (URL):
Titel für Link:
Grafik (URL):
	Die Breite der Grafik darf 468 Pixel nicht überschreiten.

E-Mail-Benachrichtigung:

wenn auf einen Beitrag zu diesem Thema geantwortet wird
nur wenn auf meinen eigenen Beitrag geantwortet wird
nie

Zum Abschicken deines Beitrags bitte die Schaltfläche "Abschicken" nur einmal anklicken und warten. Der Server braucht manchmal einige Zeit, bis er den Beitrag in die Datenbank übernommen hat. Wenn du die Schaltfläche mehrmals drückst, erscheint dein Beitrag auch mehrmals im Forum.

Bewerten Sie Ihren Webhosting-Provider

Wie zufrieden sind Sie mit Ihrem Webhosting-Provider? Gibt es Probleme beim Service, mit der Performance oder der Abrechnung?

Teilen Sie jetzt Ihre Erfahrungen mit anderen Webmastern und schreiben Sie eine Provider-Bewertung. Mit etwas Glück können Sie ein Apple iPad gewinnen!

Weitere Informationen und Teilnahme...