Seite 1 von 1
Background image wird fehlerhaft angezeigt
Verfasst: Fr 16. Okt 2009, 19:27
von 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
Re: Background image wird fehlerhaft angezeigt
Verfasst: Fr 16. Okt 2009, 21:32
von idea-tec
na die höhe der avogation wird nicht mit nach unten gezogen
Re: Background image wird fehlerhaft angezeigt
Verfasst: Di 20. Okt 2009, 21:29
von 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;
}
Re: Background image wird fehlerhaft angezeigt
Verfasst: Di 20. Okt 2009, 23:48
von 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
Re: Background image wird fehlerhaft angezeigt
Verfasst: Mi 21. Okt 2009, 14:30
von Bogl
Klasse, das war's!
Vielen Dank, Ortwin.
Gruß aus Niedersachsen
Bogl
Re: Background image wird fehlerhaft angezeigt
Verfasst: Mi 21. Okt 2009, 15:09
von 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