---
title: "Zweizeilige Überschrift"
url: "https://www.typo3.net/d/106346-zweizeilige-ueberschrift"
source: "typo3.net"
tags: ["Extensions","Frage","HTML & CSS","Inhaltselemente"]
created: "2011-07-15"
last_reply: "2011-07-18"
replies: 8
solved: false
page: 1
pages: 1
lang: "de"
---

# Zweizeilige Überschrift

Extensions · 8 Antworten · gestartet 2011-07-15

## Eröffnungsbeitrag

**Mosaik** · 2011-07-15 · [Beitrag #1](https://www.typo3.net/d/106346-zweizeilige-ueberschrift/1)

Hallo,

ich möchte gerne in den Contentelementen eine zweizeilige Überschrift einfügen.
Dafür habe ich folgendes Script verwendet,

<http://www.thomas-hirt.at/blog/detailansicht/datum/2008/07/30/typo3-mehrzeilige-ueberschrift-und-zeilenumbruch.html>

Alles klappt soweit, außer, dass der Abstand zwischen Headline und Subtitle zu weit ist.
Wenn im Backend im Contenelement ab der zweiten Zeile beginne wird alles richtig dargestellt.

Hat jemand eine Ideem wieso?

Grüße
Mosaik

[Bild: \[upl-image-preview uuid=8e7c1a95-cd41-5cf1-afee-67e8f9d3e523 url=https://www.typo3.net/assets/files/typo3net/479-headline.png alt=headline.png thumbnail_url=https://www.typo3.net/assets/files/typo3net/479-headline.png\]](https://www.typo3.net/assets/files/typo3net/479-headline.png)

## Antworten

### [#2](https://www.typo3.net/d/106346-zweizeilige-ueberschrift/2) · aimcom · 2011-07-16

Was für HTML-Code wird denn für deine Überschrift gerendert und hast du dein CSS-Stylesheet entsprechend überprüft, ob dadurch irgendwelche unerwünschten Abstände gerendert werden?

### [#3](https://www.typo3.net/d/106346-zweizeilige-ueberschrift/3) · Mosaik · 2011-07-17

Hallo,

das ist der html code. alles ok.

```html
<div class="csc-header csc-header-n1"><h2 class="csc-firstHeader">Headline<br />
Subtitle</h2></div>
```

Eingebunden ist das CSS Styles Content.

Grüße
Mosaik

### [#4](https://www.typo3.net/d/106346-zweizeilige-ueberschrift/4) · Mosaik · 2011-07-17

Habe mal nachgemessen. Das sind über 280px Abstand zwischen Headline und Subline.
Habe es auch mal auf einer anderen Instllataion auf einem anderen Server getestet. Dasselbe Problem :-(

Hat jemand noch eine Idee, wie ich zweizeilige Überschirften erzeugen kann?

### [#5](https://www.typo3.net/d/106346-zweizeilige-ueberschrift/5) · aimcom · 2011-07-18

Das kann ich leider gar nicht nachvollziehen, denn warum rendert der Browser denn überhaupt einen Zeilenumbruch? Der HTML-Schnipsel, den du gepostet hast, müsste dazu führen, dass die beiden Worte einfach nebeneinander stehen.

Ich würde mal mit einem entsprechenden Tool wie Firebug für Firefox, Dragonfly für Opera oder den Entwickler Tools vom Safari / Chrome nachschauen, welches Element den Abstand verursacht.

### [#6](https://www.typo3.net/d/106346-zweizeilige-ueberschrift/6) · Mosaik · 2011-07-18

Der Umbruch ist schon ok. Beim Kopieren ist wohl etwas Code verloren gegangen.

```html
<div class="csc-header csc-header-n1"><h2 class="csc-firstHeader">Headline<br />
Subtitle</h2></div>
```

Hier ein Auszug aus Firebug.

```html
<div id="c766" class="csc-default" style="margin-bottom:5px;">
<div class="csc-header csc-header-n1">
<h2 class="csc-firstHeader">
Headline
<br>
Subtitle
</h2>
</div>
```

```css
#content h2, #contentwide h2, #contentwide2 h2 {
    color: #00AEEF;
    font-size: 19px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
Geerbt vondiv#content
#content {
    line-height: 1.5em;
}
Geerbt vondiv#wrap
#wrap {
    color: #404040;
}
Geerbt vonbody
body {
    color: #404040;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    font-size: 70%;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
```

### [#7](https://www.typo3.net/d/106346-zweizeilige-ueberschrift/7) · aimcom · 2011-07-18

Was passiert, wenn du im Firebug testweise die Angabe "line-height: 1.5em" ausknipst? Ich vermute, dass es an diesem Wert liegt.

### [#8](https://www.typo3.net/d/106346-zweizeilige-ueberschrift/8) · Mosaik · 2011-07-18

Ne, bringt leider nix. Beide Überschriften verschieben sich ein wenig nach unten.

### [#9](https://www.typo3.net/d/106346-zweizeilige-ueberschrift/9) · Mosaik · 2011-07-18

Jezt geht es. Im HTML Template war aus komischen Gründen ein Spacer.gif drin. :x

---

Quelle: „Zweizeilige Überschrift“, typo3.net, https://www.typo3.net/d/106346-zweizeilige-ueberschrift
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.