Ergebnis 1 bis 5 von 5

Thema: Footer background mit repeat-x wird beim skalieren abgeschnitten/unterbrochen

  1. #1
    HTML Newbie
    Registriert seit
    31.08.2011
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Daumen runter Footer background mit repeat-x wird beim skalieren abgeschnitten/unterbrochen

    Hallo alle zusammen,

    ich habe ein Problem, das ich noch nie hatte und einfach nicht lösen kann.

    Es geht darum, dass ich ein div für einen Footer habe, in dem ein Hintergrundbild repeated wird.
    In diesem footer div befindet sich ein anderes div, indem der content auf 800px Breite zentriert dargestellt wird.
    Soweit funktioniert alles SUPER.

    ABER, wenn man das Fenster runterskaliert, wird die Seite abgeschnitten, von etwas, was ich nicht finden kann. Das heißt, der Repeat wird unterbrochen und man sieht nur noch die background-Farbe. Erst, wenn man das Fenster größer skaliert, funktioniert der repeat wieder.
    Ich kann es mir selbst gar nicht erklären.


    Hier sind zwei Screenshots, einmal ein Screenshot mit skaliertem Fenster und ein Screenshot, bei dem man im skaliertem Fenster nach rechts scrollt. Da wird der Fehler dann erst sichtbar:







    Das blöde daran ist ja, dass bei einer Auflösung von 1024*768px das Problem schon auftritt, also man kann sagen, im Durchschnitt bei jedem dritten Monitor und bei jedem iPad/Tablet-PC.
    Wisst ihr, wo das Problem liegt?

    Hier ein paar Code-Schnippsel:

    Code:
    #footer {
        background: url("../images/layout/bg_footer_rapport.jpg") repeat-x scroll 0 0 transparent;
        clear: both;
        color: #F0F0F0;
        height: 870px;
        text-shadow: 1px 1px #000000;
    }
    #footer-wrap {
        background: url("../images/layout/bg_footer.jpg") no-repeat scroll center 0 transparent;
        height: 840px;
        margin: 0 auto;
    }
    #footer-content {
        margin: 0 auto;
        width: 800px;
    }
    HTML-Code:
    <div id="footer">  <div id="footer-wrap">    <div id="footer-content"></div>  </div></div>

    Und hier die Webseite live:

    seeders - Mach dich auf den Acker!

    (Das ist KEIN kommerzielles Projekt. Ich bin Student und das ist eine fiktive Semesterarbeit von zwei Kommilitonen und mir. Die Seite ist offiziell noch nicht released.)

    Ich würde mich freuen, wenn ihr mir helfen könntet.

    Schöne Grüße aus Duisburg,
    Alex
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Unregistriert
    Gast

    Standard AW: Footer background mit repeat-x wird beim skalieren abgeschnitten/unterbrochen

    Ich würde noch auf HTML5 verzichten und HTML4 nehmen

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    31.08.2011
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Footer background mit repeat-x wird beim skalieren abgeschnitten/unterbrochen

    Zitat Zitat von Unregistriert Beitrag anzeigen
    Ich würde noch auf HTML5 verzichten und HTML4 nehmen
    Danke. Aber auf HTML5 zu verzichten, löst nicht das Problem.

    HTML-Code:
    <!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">
    http://weareseeders.de/index_2.php

  4. #4
    Unregistriert
    Gast

    Standard AW: Footer background mit repeat-x wird beim skalieren abgeschnitten/unterbrochen

    Vielleicht ist hiermit das Problem zu finden: http://validator.w3.org/check?uri=ht...alidator%2F1.2

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    31.08.2011
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Footer background mit repeat-x wird beim skalieren abgeschnitten/unterbrochen

    min-width: 990px; habe ich im body eingefügt und die mit CSS3 animierten Wolken habe ich rausgenommen.

    Jetzt funktioniert alles.

    Danke!



Ähnliche Themen

  1. background-image soll skalieren
    Von micronix im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 05.07.2010, 13:14
  2. Background-repeat
    Von Roland Rafael Repczuk im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 15.10.2009, 21:25
  3. Internetverbindung wird regelmäßig unterbrochen
    Von Unregistriert im Forum Computer - Internet Forum
    Antworten: 14
    Letzter Beitrag: 16.08.2009, 15:14
  4. Background-Repeat Bug in IE7?
    Von No0ob im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 06.10.2008, 21:41
  5. Buttons mit background repeat-x
    Von Billbos im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 22.07.2008, 08:34

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •