Scroll Problem im Firefox (background-attachment: fixed;)

Sonchu

Hallo zusammen,

ich erstelle gerade eine Website, und komme bei einem Problem einfach nicht weiter. Im IE funktioniert das srollen ohne Probleme, jedoch im Firefox ist es fast unmöglich zu scrollen. Es ruckelt und wirkt als ob ich 100 % CPU Last hätte. Als Fehlerqulle habe ich (background-attachment: fixed;) ausgemacht?! sobald ich diese Zeile nicht benutze funktioniert das scrollen, allerdings benötige ich diese Zeile. Habe mir auch schon dutzende andere Seiten angesehen wo dieser "Wasserzeichen-Effekt" auch im Firefox funktioniert. Ich habe allerdings exakt das selbe in meiner CSS stehen was den Part betrifft. Blick da echt nicht mehr durch?

Der Code der Seite ist laut W3C valides XHTML.

Bitte um Hilfe.

Hier mein css

Zitat

/*Body*/
body {
background-attachment: fixed;
background-image: url(../_images/background1280.gif);
background-repeat: no-repeat;
font-size: 12pt;
text-decoration: none;
text-align: justify;
}

Alles anzeigen

EDIT://
Nachdem ich gerade geschrieben habe das es wirkt als wäre eine 100%ige CPU Last der Grund, habe ich das dann auch mal geprüft.
Es wird fast 80 % CPU Last angezeigt sobald ich scrolle!!! Was ist das denn? Bei anderen Seiten tritt dies nicht auf nur bei meiner?
Die Seite liegt noch nicht auf einem Webserser sondern lokal. Ob das damit was zu tun hat?

S.i.T.

body {
background-attachment: fixed;
background-repeat: no-repeat;
background-color: #DDDDDD;
background-image: url(../irgendwas.jpg);
}

hm... hm... einzig Unterschied die Anordnung... hm... bei mir ruckelt damit nix. vielleicht mal deine Seite als Link geben, die Sehenden sehen dann wo es vielleicht klemmt.

Katzenbär

Poste mal den Code / Link.

S.i.T.

eine Kollegin hat mal ein animiertes Gif als Hintergrund verwendet... das ist das einzige was mir momentan so einfällt, warum, weshalb.

bc

ruckelt bei dir auch http://www.meyerweb.com/eric/css/edge/ ?

wenn nicht, mal andren grafiktyp probieren...

bc

Sonchu

Danke für die schnellen Antworten.

@ hc
Nein die Seite ruckelt bei mir nicht?!
Meinst du mit PNG wird das evtl besser?

@ S.I.T
Hm... das Gif ist nicht animiert, habe es allerdings selber auf die schnelle erstellt, vielleicht habe ich da etwas falsch gemacht?
Die Größen betragen:
1280x1024 Auflösung: 56,9 kb
1024x768 Auflösung: 52,5 kb

Vielleicht zu groß? Aber im IE läuft es.

Ich werde mir mal die Optionen beim Speichern der Gif angucken, vielleicht find ich ja da irgendwas.

Hier mal der Code der Seite

Zitat

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>X</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="Language" content="de" />
<meta name="robots" content="index" />
<meta name="robots" content="follow" />
<meta name="revisit-after" content="2 days" />
<meta name="description" content="Noch benötigt" />
<meta name="keywords" content="Noch benötigt" />
<meta name="author" content="x" />
<meta name="author-mail" content="x" />
<meta name="generator" content="Phase 5.3" />
<link rel="stylesheet" href="../_css/default1280.css"
type="text/css" title="Default Style" />
</head>
<body>
<h3>Impressum</h3>
x x. x x 
x x 
Internet: x 
Geschäftsführung: x 
Umsatzsteuer-Identifikationsnummer: x 
Haftungshinweis: Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte externer Links. 
Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich. 
<h4>ALLGEMEINE NUTZUNGSBEDINGUNGEN</h4> 
<table>
<tr>
<td valign="top" width="50">1.</td>
<td>Die x geschäftsansässig x, 
betreibt unter der Internet-Adresse x eine Website im Internet, die der Information 
und Kommunikation mit Internetusern dient. 
</td>
</tr>
<tr>
<td valign="top">2.</td>
<td>Als Anbieter eines Teledienstes wird die x. personenbezogene Daten, 
(Einzelangaben über persönliche oder sachliche Verhältnisse einer bestimmten oder bestimmbaren Person) 
nur insoweit erheben, verarbeiten oder nutzen, als das zur Durchführung des Teledienstes erforderlich 
ist (Bestandsdaten). Eine Verarbeitung und Nutzung der Bestandsdaten für anderweitige Zwecke 
erfolgt nur dann, wenn Sie als Nutzer ihre ausdrückliche Einwilligung erteilen. Weder wird von uns die 
Nutzung der Website als Einwilligung angesehen, noch ist die Benutzung der x Website 
von der Erteilung Ihrer Einwilligung abhängig. 
</td>
</tr>
<tr>
<td valign="top">3.</td>
<td>Sie haben das Recht, Ihre Einwilligung zur Speicherung, Verarbeitung und Nutzung Ihrer Daten jederzeit 
mit Wirkung für die Zukunft zu widerrufen. 
Die Widerrufserklärung kann schriftlich oder auf elektronischem Wege erfolgen. Wollen Sie Ihre Ein- 
willigung widerrufen, schicken Sie bitte eine <a href="mailto:x@x.de?subject=Widerrufserklärung zur Speicherung, Nutzung oder Verarbeitung meiner Daten.">E-Mail</a> an uns 
</td>
</tr>
<tr>
<td valign="top">4.</td>
<td>Verantwortlich für Inhalte</td>
</tr>
<tr>
<td></td>
<td>a)      Die x. ist für eigene Inhalte der Website nach allgemeinen 
         Gestzen verantwortlich.</td>
</tr>
<tr>
<td></td>
<td>b)      Für fremde Inhalte, die in der Website zur Nutzung bereitgehalten werden, ist die 
         x nur insoweit verantwortlich, als eine Kentnissnahme 
         von diesen Inhalten besteht und die technische und zumutbare Möglichkeit besteht, die Nutzung 
         zu verhindern
</td>
</tr>
<tr>
<td></td>
<td>c)      Eine Haftung für fremde Inhalte, zu denen lediglich ein Zugang von der x 
         x. vermittelt wird, ist ausgeschlossen. Eine automatische und kurzzeitige 
         Vorhaltung fremder Inhalte aufgrund Nutzerabfrage gilt als Zugangsvermittlung.</td>
</tr>
<tr>
<td></td>
<td>d)      Verpflichtungen zur Sperrung der Nutzung rechtswidriger Inhalte nach den allgemeinen 
         Gesetzen bleiben unberührt, wenn x. unter Wahrung des 
         Fernmeldegeheimnisses gemäß §85 TKG von diesen Inhalten Kentniss erlangt und eine 
         Sperrung technisch möglich und zumutbar ist.</td>
</tr>
</table>
</body>
</html>

Alles anzeigen

Sonchu

Hab die Seite mal hochgeladen um die es geht:

ereldigt

bender_21

ruckelt ... :shock:

S.i.T.

das besagte Verhalten kann ich bestätigen, für eine Lösung muß ich allerdings weitergeben. Einzig vielleicht mal das HG-Bild als .jpg einbinden. Aber wie gesagt, das ist net mein "Revier"

Sonchu

Habs hinbekommen

Das gif habe ich "falsch" abgespeichert.
Sorry für den Thread. Andererseits wäre ich vielleicht nicht drauf gekommen, mir mal die Datei ansich an zu gucken.

Also Danke an alle.

bc

wieso eigentlich so ne hohe aufloesung? ich meine man kann ja bestimmen wo die grafik erscheint... oder is da wirklich soviel zu sehn *g*

bc

Sonchu

@ bc

Ich erstelle die Seite für 3 verschieden Auflösungen.

Der Hintergrund hat in der Mitte ein Logo, welches immer an der selben Stelle stehen soll, und auch immer proportional gleich groß bleiben muss, egal unter welcher Auflösung.

Also habe ich direkt drei BG`s erstellt in den jeweiligen Auflösungen.

Wenn du mir einen Tip geben möchtest, wie ich mit einem Hintergrund
immer das "gleiche" Ergebniss habe, nur raus damit

Dr. Evil

in der Mitte kannste mit CSS machen: background-positon: 50% 50%;

das ist dann auch bei verschiedenen Fenstergrößen in der Mitte

Sonchu

Hallo Dr.Evil

Jo, das Logo wäre aber zB bei 1024er Auflösung von der Größe her richtig,
bei 1280er Auflösung aber wieder zu klein, und bei 800er Auflösung zu groß..

Wie gesagt, nicht nur die Poition muss gleich sein, sondern auch proportional die Größe.

Oder hab ich was falsch verstanden? :?