thomas: Probleme mit background

Hallo liebe Community-Mitglieder!

Da ich zur Zeit von Tabellen auf CSS-Design umsteige, passiert es ab und zu, dass ich mal hänge, genau wie jetzt. Seht euch mal bitte diese Seite an:

http://home.arcor.de/amateurweb/css.htm

Internet Explorer 6 und Netscape 6 zeigen den Hintergrund des Divs nicht richtig an sondern strecken ihn über die Footergrafik. Nur Opera machts richtig. Woran liegt das???

  1. Hi,

    http://home.arcor.de/amateurweb/css.htm

    hell auf dunkel ist sehr schwer zu lesen.

    Internet Explorer 6 und Netscape 6 zeigen den Hintergrund des Divs nicht richtig an sondern strecken ihn über die Footergrafik. Nur Opera machts richtig. Woran liegt das???

    Wie stellst Du das fest? Abgesehen davon, dass Opera bei mir so ziemlich das gleiche Ergebnis liefert wie Mozilla, sehe ich zwischen der schwarzen Hintergrundgrafik[1] und der schwarzen Footergrafik keinen Unterschied.

    Cheatah

    [1] Warum benutzt Du eigentlich nicht einfach eine Hintergrundfarbe?

    --
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. hell auf dunkel ist sehr schwer zu lesen.

      Ich glaub das tut erstmal nichts zur Sache.

      sehe ich zwischen der schwarzen Hintergrundgrafik[1] und der schwarzen Footergrafik keinen Unterschied.

      Dann schau dir bitte mal die Grafiken im einzelnen an: das ist so aufgebaut: der Kasten besteht aus dem HEader, dem BG und der Footergrafik, die den Kasten unten abschließt (ist ja logisch).

      Warum benutzt Du eigentlich nicht einfach eine Hintergrundfarbe?

      Versteh ich nicht was du da meinst...

      Ich wollt eigentlich nur wissen, warum die Browser das Ganze nicht gleich darstellen...

      thomas

      1. Hi,

        hell auf dunkel ist sehr schwer zu lesen.
        Ich glaub das tut erstmal nichts zur Sache.

        nicht zu Deiner Frage, aber zu Deiner Site. Warum gleich zu Beginn Fehler machen?

        sehe ich zwischen der schwarzen Hintergrundgrafik[1] und der schwarzen Footergrafik keinen Unterschied.
        Dann schau dir bitte mal die Grafiken im einzelnen an: das ist so aufgebaut: der Kasten besteht aus dem HEader, dem BG und der Footergrafik, die den Kasten unten abschließt (ist ja logisch).

        Ah, jetzt sehe ich das erst. Nun, es bleibt dabei: Zwischen Mozilla und Opera ist bei mir kein Unterschied, alles sieht normal aus.

        Warum benutzt Du eigentlich nicht einfach eine Hintergrundfarbe?
        Versteh ich nicht was du da meinst...

        Ich hatte nur das Schwarze gesehen und gedacht, die Linien entsprüngen einer border-Eigenschaft. Was die Frage aufwirft, warum Du _dies_ nicht tust.

        Ich wollt eigentlich nur wissen, warum die Browser das Ganze nicht gleich darstellen...

        Tun sie. Das Problem liegt bei Deinen Browsern.

        Cheatah

        --
        X-Will-Answer-Email: No
        X-Please-Search-Archive-First: Absolutely Yes
        1. Tun sie. Das Problem liegt bei Deinen Browsern.

          Wie siehts bei dir allgemein aus? Ohne Überlappung? Und im IE 6?

          1. Hallo, hab mal nen Shot gemacht um euch den Fehler zu zeigen: der Hintergrung "überlappt" den Footer (besser kann ichs nicht ausdrücken, aber schaut euch den Shot an)...

            http://home.arcor.de/amateurweb/shot.gif

            So siehts bei mir im Netscape 6.2 und IE 6.0 aus..

            thomas.

          2. Hi,

            Tun sie. Das Problem liegt bei Deinen Browsern.
            Wie siehts bei dir allgemein aus? Ohne Überlappung?

            es sah für mich natürlich aus.

            Und im IE 6?

            Hab ich nicht.

            Cheatah

            --
            X-Will-Answer-Email: No
            X-Please-Search-Archive-First: Absolutely Yes
  2. Hallo Thomas,

    http://home.arcor.de/amateurweb/css.htm

    Internet Explorer 6 und Netscape 6 zeigen den Hintergrund des Divs nicht richtig an sondern strecken ihn über die Footergrafik. Nur Opera machts richtig. Woran liegt das???

    Hintergrund? Und welche Footergrafik? Und wo ist: .../amateurweb/arrow_orange.gif?

    Grüße,

    Maxx

    1. [1]Hintergrund? Und welche [2]Footergrafik?

      [1] http://home.arcor.de/amateurweb/bg_news.gif
      [2] http://home.arcor.de/amateurweb/footer_news.gif

      1. Hi,

        [1]Hintergrund? Und welche [2]Footergrafik?

        [1] http://home.arcor.de/amateurweb/bg_news.gif
        [2] http://home.arcor.de/amateurweb/footer_news.gif

        ja, das ist mir nicht entgangen. Aber verrate mir doch bitte wie du erkennen kannst, dass ein schwarzer Hintergrund einen ebenso schwarzen footer überlagert?

        Grüße,

        Maxx

  3. Hallo Thomas,

    http://home.arcor.de/amateurweb/css.htm
    Internet Explorer 6 und Netscape 6 zeigen den Hintergrund des Divs nicht richtig an sondern strecken ihn über die Footergrafik.

    Könntest du vielleicht beschreiben, wie es in deiner Vorstellung aussehen soll, denn von hier aus (IE 6) kann ich keinen Anzeigefehler entdecken, ich sehe ein schwarz unterlegtes DIV mit Rahmen drum und oben steht "News", sieht also ok aus.

    Viele Grüße
    Torsten

    --
    ss:| zu:) ls:] fo:) de:[ va:| ch:? sh:( n4:~ rl:? br:> js:| ie:% fl:( mo:)
    1. Hallo, hab mal nen Shot gemacht um euch den Fehler zu zeigen: der Hintergrung "überlappt" den Footer (besser kann ichs nicht ausdrücken, aber schaut euch den Shot an)...

      http://home.arcor.de/amateurweb/shot.gif

      thomas.

      1. Hi,

        Hallo, hab mal nen Shot gemacht um euch den Fehler zu zeigen: der Hintergrung "überlappt" den Footer (besser kann ichs nicht ausdrücken, aber schaut euch den Shot an)...
        http://home.arcor.de/amateurweb/shot.gif

        http://home.arcor.de/amateurweb/shot.gif (Ich mach das jetzt das letzte Mal ;-))

        Ist ein bisschen schwierig zu erkennen, dein Problem. Aber wie Cheatah schon anmerkte, warum setzt du dein Vorhaben nicht mit background-color:black und border-left, -right und -bottom um?

        Viele Grüße
        Torsten

        --
        ss:| zu:) ls:] fo:) de:[ va:| ch:? sh:( n4:~ rl:? br:> js:| ie:% fl:( mo:)
        1. Moin

          Ist ein bisschen schwierig zu erkennen, dein Problem. Aber wie Cheatah schon anmerkte, warum setzt du dein Vorhaben nicht mit background-color:black und border-left, -right und -bottom um?

          Vermutlich weil die Kante etwas "ausgefranst" aussehen soll.

          Ich kann das Problem auch nicht nachvollziehen, sehe aber zwei mögliche Ursachen:

          • Irgendein Whitespace, der den Div über die untere Grafik ausdehnt
          • Die beiden Browser versehen die Grafik unaufgefordert mit einem vspace

          Mögliche Lösungen:

          • Erstmal sämtliche Werte für margin und padding für den Div und die Grafik auf Null setzen, dann schauen, ob sich etwas verändert hat und sich dann Schritt für Schritt an den "Übeltäter" herantasten.
          • Die untere außerhalb des Div platzieren, was etwas Mehraufwand erfordert, weil die Div positioniert ist (äußerer div ohne Grafik, darin der div mit Hintergrund, darunter die untere Grafik).

          Thomas J.

  4. Halli,

    Da ich zur Zeit von Tabellen auf CSS-Design umsteige, passiert es ab und zu, dass ich mal hänge, genau wie jetzt. Seht euch mal bitte diese Seite an:

    http://home.arcor.de/amateurweb/css.htm

    Die untere Graphik hat - wie alle img (bzw. wie alle Elemente, auf die es zutrifft), deren vertical-alignment nicht explizit auf andere Werte gesetzt wird - das vertical-alignment baseline.

    Die Graphik liegt also komplett oberhalb der Zeile.

    Unterhalb der Zeile befindet sich noch Platz für Unterlängen der Buchstaben.
    Für diesen Platz wird selbstverständlich auch noch das Hintergrundbild angezeigt.

    cu,
    Robert