---
title: "CSS - wird erkannt, Bilder aber nicht angezeigt"
url: "https://www.typo3.net/d/33083-css-wird-erkannt-bilder-aber-nicht-angezeigt"
source: "typo3.net"
tags: ["Frontend","Barrierefreiheit","Frage","HTML & CSS","Templates & Layouts"]
created: "2005-11-10"
last_reply: "2005-11-10"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# CSS - wird erkannt, Bilder aber nicht angezeigt

Frontend › Barrierefreiheit · 2 Antworten · gestartet 2005-11-10

## Eröffnungsbeitrag

**Andrea_Herzog** · 2005-11-10 · [Beitrag #1](https://www.typo3.net/d/33083-css-wird-erkannt-bilder-aber-nicht-angezeigt/1)

Hallo,
ich habe das Problem, dass mein Stylesheet zwar erkannt wird, aber die Bilder werden nicht angezeigt. Dafür aber die Marker für den Inhalt.
Erste Gehversuche mit kompletten CSS und ohne Tabellen.

Lokal und ohne Typo3 funktioniert die html-Vorlage mit dem CSS.

Was mache ich falsch?

hier das stylesheet und dir vorlage

```html
/*<!-- Bodyeigenschaften -->*/
BODY {
  color: #000000;
  background-color: #FFFFFF;
  font: normal normal 12px Arial, Verdana, Tahoma;

  margin: 0px 0px 0px 0px;
  
  scrollbar-base-color:#FFFFFF;
  scrollbar-3dlight-color:#FFFFFF;
  scrollbar-arrow-color:#555656;
  scrollbar-darkshadow-color:#FFFFFF;
  scrollbar-face-color:#FFFFFF;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#555656;
  scrollbar-track-color:#FFFFFF;
}

/*<!-- keinen Bildrand -->*/
img{border:0px;}

/*<!-- Linkeigenschaften -->*/
A:link, A:visited, A:active {
  color: #555656;
  text-decoration:none;
  font: normal normal 12px Arial, Verdana, Tahoma;
  font-weight:bold;
}

A:hover {
  color: #00B9F3;
  text-decoration: none;
  font: normal normal 12px Arial, Verdana, Tahoma;
  font-weight:bold;
}

/*<!-- Ueberschrifteigenschaften -->*/
h1 {
	font-size: 18px;
	color: #000000;
	text-align: center;
  font-family: Arial, Verdana, Tahoma;
}

h2 {
	font-size: 14px;
	color: #000000;
	font-family: Arial, Verdana, Tahoma;
}

h3 {
	font-size: 10px;
	color: #000000;
	font-family: Arial, Verdana, Tahoma;
}

/*<!-- Div Konfigurierung / Textkoerper -->*/
.alles {
  background-color: #FFFFFF;
  position: relative;
  top: 0px;
  left: 0px;
  width: 1000px;
  height: 786px;
  text-align: left;
}
                  
/*<!-- Banner / Menu1 -->*/                 
        Div.banner {
                   background-color: #FFFFFF;
                   background: url(fileadmin/fit2/images/banner.jpg) no-repeat scroll;
                   position: absolute;
                   top: 0px;
                   left: 10px;
                   height: 160px;
                   width: 980px;
                   }
        .menu {
                   
                   position: absolute;
                   top: 105px;
                   left: 50px;
                   height: 30px;
                   width: 600px;
                   }
                   
/*<!-- Menu1 / spezielle Linkfarbe -->*/ 
       Div.menu a:hover {
                  color: #FFFFFF; 
                  }
      
/*<!-- Hauptbereich -->*/

    <!-- Menu 2 -->
      .menu2 {
                   background-color: #FFFFFF;
                   position: absolute;
                   top: 180px;
                   left: 10px;
                   height: 588px;
                   width: 170px;               
                   }
                   
/*<!-- Menu 2 -->*/
   .menu2_text {
                   background-color: #FFFFFF;
                   position: absolute;
                   top: 180px;
                   left: 52px;
                   height: 588px;
                   width: 130px;               
                   }
    
/*<!-- mitte -->*/
      .haupt_mitte {
                   background-color: #FFFFFF;
                   position: absolute;
                   top: 180px;
                   left: 207px;
                   height: 588px;
                   width: 620px;
                   }
   
     .haupt_text {
                   background-color: #FFFFFF;
                   position: absolute;
                   overflow: auto;
                   top: 180px;
                   left: 207px;
                   height: 588px;
                   width: 620px;
                   }
     

/* <!-- Logo Text -->*/
      .logo_text {
                   background-color: #FFFFFF;
                   color: #00B9F3;
                   font-weight: bold;
                   font: 10px;
                   position: absolute;
                   top: 160px;
                   left: 853px;
                   height: 82px;
                   width: 112px;
                   }
    
/*<!-- News -->*/
#news {
                   background-color: #FFFFFF;
                   background: url(fileadmin/fit2/images/bg_news.jpg) no-repeat scroll;
                   position: absolute;
                   top: 242px;
                   left: 853px;
                   height: 526px;
                   width: 112px;
                   }
     .news_text {
                   
                   position: absolute;
                   top: 247px;
                   left: 858px;
                   height: 516px;
                   width: 102px;
                   }
/*<!-- Div Konfigurierung ENDE -->*/
```

Vorlage:

```html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>FIT</title>
    <meta name="Author" content="FIT" />
    <meta name="Publisher" content="FIT" />
    <meta name="Copyright" content="FIT" />
    <meta name="Keywords" content="FIT" />
    <meta name="Page-topic" content="FIT" />
    <meta name="Audience" content="Alle" />
    <meta name="Content-language" content="DE" />
    <meta http-equiv="content-language" content="de" />
    <meta name="Page-type" content="Business" />
    <meta name="Robots" content="follow" />
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="fileadmin/fit2/style/style.css" />
  </head>
  <body>

<!-- Menu 2 -->  
  <div class="menu2"></div>
   <div class="menu2_text"><br />###MENU###    
   </div>
    
<!-- haupt_mitte / Text -->  
  <div class="haupt_mitte"></div>
  <div class="haupt_text"><br />###Inhalt###<br />
  </div>
  
<!-- Logo Text -->  
  <div class="logo_text">
    FACHVERBAND<br />
    INDUSTRIELLE<br />
    TEILEREINIGUNG E.V.<br />
  </div>

<!-- News -->  
  <div class="news"></div>
  <div class="news_text">
    <center>
         <br /><br /><br />
        ###RECHTS###
    </center>
  </div>
    
</div> 

<!--Ende Body-->
</body>
</html>
```

## Antworten

### [#2](https://www.typo3.net/d/33083-css-wird-erkannt-bilder-aber-nicht-angezeigt/2) · Andrea_Herzog · 2005-11-10

Hallo,
ich bin wieder einen Schritt weiter. Die Marker sind jetzt korrekt, aber die Bilder werden immer noch nicht angezeit.
auch wenn ich im .css den Pfad anders setze.
Statt

fileadmin/fit2/images/banner.jpg

../images/banner.jpg

Aber irgendwie muss es an dem Kram mit den Pfaden liegen, oder?

Gruß
Andrea

### [#3](https://www.typo3.net/d/33083-css-wird-erkannt-bilder-aber-nicht-angezeigt/3) · Andrea_Herzog · 2005-11-10

Hallo,
Problem ist gelöst, die pfadangabe muss relativ zum fileadmin sein, also in diesem Falle ../images/banner.jpg

Und wenn man dann noch den Cache löscht....

:p

Gruß
Andrea

---

Quelle: „CSS - wird erkannt, Bilder aber nicht angezeigt“, typo3.net, https://www.typo3.net/d/33083-css-wird-erkannt-bilder-aber-nicht-angezeigt
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.