---
title: "2 css-files überlappen"
url: "https://www.typo3.net/d/101833-2-css-files-ueberlappen"
source: "typo3.net"
tags: ["Frontend","Barrierefreiheit","Frage"]
created: "2010-10-18"
last_reply: "2010-10-19"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# 2 css-files überlappen

Frontend › Barrierefreiheit · 2 Antworten · gestartet 2010-10-18

## Eröffnungsbeitrag

**typomo2010** · 2010-10-18 · [Beitrag #1](https://www.typo3.net/d/101833-2-css-files-ueberlappen/1)

Hi zusammen,

habe ein Subtemplate in meine Seite integriert. Nun wird allerdings das Logo aus dem Header im Subtemplate vor der Überschrift angezeigt.
Durch Firebug weiß ich auch warum:

```css
h1 {
color:#1B2319;
font-size:18px;
}

h1 {
background:url("../img/logo.jpg") no-repeat scroll left top transparent;
padding:0 0 38px 220px;
}

basics.css (Zeile 87)
h1 {
color:#95E62A;
font-family:Verdana,Tahoma,sans-serif;
................
text-decoration:none;
}
```

Das erste h1-Element wird durch die Konstanten der Subtemplate-Extension beschrieben, das zweite h1-Element durch das css des Haupttemplates und das dritte durch das css des Subtemplates.

Daher meine Frage, wie kann ich die Anzeige des Logos vor den Überschriften am elegantesten vermeiden? Anpassen des css des Subtemplates (aber wie kann ich dann erreichen, das dies das css- des Haupttemplates überschreibt)? Anlegen einer neuen Konstanten in der Extension des Subtemplates (wenn ja wie geht das am besten)?

Bin noch sehr unbeleckt was Typo3 angeht, daher sorry falls die Frage zu blöd ist #paralyzed#

## Antworten

### [#2](https://www.typo3.net/d/101833-2-css-files-ueberlappen/2) · igorshmigor · 2010-10-18

Die H1-Überschrift, die das Logo enthält, sollte eine ID oder Klasse erhalten, damit du sie speziell ansprechen kannst und sich die CSS-Eigenschaften nicht automatisch auf alle anderen H1-Überschriften übertragen.
(ich hoffe, dass ich das Problem überhaupt richtig verstanden habe)

### [#3](https://www.typo3.net/d/101833-2-css-files-ueberlappen/3) · typomo2010 · 2010-10-19

Hallo zusammen,

ich habe das ganze jetzt anders gelöst:
- neues CSS erstellt mit den Parametern für h1, die ich wollte
- über TS eingebunden: page.includeCSS {....}
- zack funktioniert #giggle#

Viele Grüße,
Mo

---

Quelle: „2 css-files überlappen“, typo3.net, https://www.typo3.net/d/101833-2-css-files-ueberlappen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.