Background image wird fehlerhaft angezeigt

[Bogl]

Hallo,

ich habe die Version 4.8.12 installiert und folgendes Problem (Basis ist der Beispielmandant):
Das Hintergrundbild, in meinem Fall im Navi-Bereich grün und im Contentbereich weiß, wird ab einer bestimmten Seitenhöhe abgeschnitten.
Zu sehen unter http://www.feg-sittensen.de/cms/front_c ... =38&lang=1

Folgende Parameter sind in der CSS-Datei gesetzt:

Code: Alles auswählen

body {
    background-image:url(../images/bg.gif);
    background-repeat:repeat-y;
    background-position:0px 0px;
    height:100%;
}

Trotz repeat-y wird das 1 Pixel hohe Bild nicht endlos wiederholt?

Habt Ihr eine Idee? Bin ratlos

Gruß
Bogl

[idea-tec]

na die höhe der avogation wird nicht mit nach unten gezogen

[Bogl]

kannst du mir auf die sprünge helfen?
weshalb und vor allem wie kann ich die navigation "nach unten ziehen"? ich dachte, wenn im body ein background definiert ist, ist das für die gesamte seite?
help - danke

hier mal der code für navi aus der css:

Code: Alles auswählen

/* Level 1 */
#navigation ul {
    width:230px;
    margin:0;
    padding:0;
    /*background-color:#F2F2F2;*/
    background-color:transparent;
}
#navigation ul li {
    width:220px;
    margin:0;
    padding:0 0 0 10px;
    list-style-type:none;
}
#navigation ul li a {
    display:block;
    width:220px;
    height:19px;
    line-height:19px;
    margin:0;
    padding:0 0 0 10px;
    font-size:11px;
    color:#fff;
    background-image:url(../images/navi_pfeil_zu.gif);
    background-repeat:no-repeat;
    background-position:210px 3px;
    border-bottom:1px solid #ccc;
    text-decoration:none;
}
#navigation ul li a:hover, #navigation ul li.active a {
    background-image:url(../images/navi_over.gif);
    background-repeat:no-repeat;
    background-position:0 0;
    color:#fff;
}

/* Level 2 */
#navigation ul li.navmainStandardLevel_2 {
    margin-left:10px;
}
#navigation ul li.navmainStandardLevel_2 a {
    background-image:url(../images/subnavi_pfeil_zu.gif);
    background-repeat:no-repeat;
    background-position:199px 8px;
    border-bottom:1px dotted #ccc;
    color:#fff;
    width:210px;
}
#navigation ul li.navmainStandardLevel_2 a:hover, #navigation ul li.navmainStandardLevel_2 a.active {
    background-image:url(../images/subnavi_over.gif);
    background-repeat:no-repeat;
    background-position:0 0;
    color:#fff;
}

/* Level 3 */
#navigation ul li.navmainStandardLevel_3 {
    margin-left:20px;
}
#navigation ul li.navmainStandardLevel_3 a {
    background-image:none;
    border-bottom:0;
    color:#fff;
    width:200px;
}
#navigation ul li.navmainStandardLevel_3 a:hover, #navigation ul li.navmainStandardLevel_3 a.active {
    background-image:url(../images/subsubnavi_over.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}

[Oldperl]

Hallo Bogl,

entferne mal bitte aus deiner CSS (css/feg-content-720px.css) die Höhenangabe für den body

Code: Alles auswählen

body {
    background-image:url(../images/bg.gif);
    background-repeat:repeat-y;
    background-position:0px 0px;
    height:100%;
}

Gruß aus Franken

Ortwin

[Bogl]

Klasse, das war's!

Vielen Dank, Ortwin.

Gruß aus Niedersachsen
Bogl

[Oldperl]

Gern geschehen.

Ich muss aber ehrlich dazu sagen, das es nun offensichtlich richtig angezeigt wird, das es aber andere Gründe haben muss, warum bei einer Angabe der Höhe von 100% der Body-Tag nicht weiter nach unten gezogen wird. Ich tippe da auf fehlerhafte /fehlende Maßangaben, falsche Float- oder Position-Angaben oder ähnliche Fehler die eine Berechnung der 100% Höhe durch den Browser unmöglich machen.

Das wäre aber jetzt ein unverhältnismäßig hoher Aufwand gewesen danach zu Suchen.

Gruß aus Franken

Ortwin