[TYPO3-german] Hitergrundbilder aus CSS erscheinen in div-Tags nicht

Xaver rxreichart at bluewin.ch
Fri Feb 17 09:49:36 CET 2006


Guten Morgen
Es handelt sich um eine Typo 3.8.0-Installation.
Ich möchte  eine Seite rein mit CSS und TS umsetzen. Habe das Design in HTML und CSS 
fertig vorbereitet für IE und FF.
Wenn ich nun das ganze in TS umsetze stosse ich auf zwei grundlegende Probleme. Werde mich 
aber an die Regeln halten und hier nur eines der beiden anführen:
Die Hintergrundbilder aus absolute positionierten div-Containern werden nicht angezeigt; 
als Alternative binde ich die Bilder mit einem img-Tag im Setup ein. Das bringt aber 
diverse Schwierigkeiten (z.B. wenn ich im entsprechenden Container einen Inhalt wie ein 
Menü einbinden will).
Deshalb suche ich jetzt nach einer Lösung, die dieses Problem mit den Hintergrundbildern 
umgeht.
Kann mir jemand einen Tipp oder Hinweis dazu geben?
Herzlichen Dank!
Xaver

Hier ein Code-Beispiel:

Der entsprechende Abschnitt aus dem Setup:
  90 = HMENU
        90 {
              special = directory
              special.value = 3
              1 = GMENU
              1.NO = 1
              1.NO {
                    XY = 148, 22
                    backColor = #FFF85E
                    10 = TEXT
                    10 {
                        text.field = title
                        fontColor= #0097CC
                        fontFile = fileadmin/fonts/verdana.ttf
                        fontSize = 11
                        niceText = 1
                        offset = 13, 14
                        }
                     }
               wrap = <div id="hauptmenue"></div>
              }

und aus dem CSS:
div#hauptmenue  {position: absolute;
                  top: 20%;
                  left: 0px;
                  z-index: 110;
                  width: 16%;
                  height: 72%;
                  padding-top: 10px;
                  background-image: url(filadmin/pics/logos/logohintergrund.gif);
                  background-repeat: repeat-y background-repeat-x;
                  border-right: dotted #0916FF 1px;
                  border-top: groove #0916FF 4px;
                  }



More information about the TYPO3-german mailing list